2012-03-31 13 views
0

ジェームズはこちら。私は画面の解像度に関係なく、同じ数の投稿をしたいサイトに取り組んでいます。私はこのスクリプトを使用しようとしていますが、動作していません。それは、ページ文書の幅を取得し、400ピクセルを引いて、その数を4で除算し、その要素の.entryのCSSをその数式に設定するべきです(SHOULD)。誰かが何が間違っているか把握するのを助けることができるか私はjQueryを初めて使っています。だから私はこれまでもこれを得ることができました。jQueryスクリプトが要素の幅を設定しないのはなぜですか?

編集:私は最終的にこのコードを使用して私の問題を解決しました:

$(function() { 
      var cwidth = $(document).width() - 100; 
      var pwidth = cwidth - 150; 
      var ewidth = (pwidth - 150)/5; 
      $("#container").css("width", cwidth); 
       $("#posts").css("width", pwidth); 
       $(".entry").css("width", ewidth); 
       $(".photo").css("width", ewidth); 
}); 

だからすべてに助けるためにかなり感謝。しかし、私はもう少し問題に遭遇しました。何らかの理由で、スクリプトが5で割っても、1行に4つの投稿しかなく、投稿がそこに入っているdivからオーバーフローします。例:http://jamescharless.tumblr.com/ - これは、エントリが入っているdivにはCSSがjQueryで追加されているので、CSSに設定されている幅です。誰もがこれを修正する方法を知っていますか?また、私はDavid Desandroによって石積みを実装しようとしましたが、それはページ全体を壊すだけです。これはdiv #postsとdiv .entryがCSSを介して幅を取得しないためです。誰も私がこれらの問題のいずれかを助けることができますか?

+0

エラーが報告されていますか?もしそうなら、それは何ですか...あなたのコンソールを確認してください。 – xandercoded

+0

@ Xander - Uncaught ReferenceError:$は定義されていません。 –

+0

'jQuery'をインクルードするのを忘れたか、間違って参照しています...' $ 'は' jQuery'関数のエイリアスです... – xandercoded

答えて

3

コードの下に試してみてください。

$(document).width() 

ない

$("document").width() 

ワーキングJSFiddle:http://jsfiddle.net/WsZry/documentとして

$(function() { 
    width = ($(document).width()-400)/4; 
    $(".entry").css("width", width); 
})​; 

は、HTML要素ではありません、それはJですavaScriptプロパティ。

+0

同じことが '$(window)'にも当てはまります。 –

+0

ああ、ああ!私はそれを変更しましたが、まだ動作しません。私はこれをうまく動作させようとしているページで質問を更新しました。 –

+0

@JamesCharless - Firebugは、 '$()'部分の最後に ';'が必要であることを示していますが、なぜか分かりません。 –

0

あなたは、ドキュメントの前後に引用符を削除してみてくださいdocument

$("document")二重引用符の内側
$(function() { 
    var width = ($(document).width() - 400)/4; 
    $(".entry").css("width", width); 
}); 
+0

表示は変更されませんでした。 –

+0

@JamesCharless、私は間違っていた更新を参照してください。私はそれをテストしました。 – Starx

0

を引用しました。あなたがする必要がある

$(function() { 
     var width = ($(document).width() - 400)/4; 
     $(".entry").css("width", width); 
    }) 
+0

私は、まだ動作しませんでした。私はこれをうまく動作させようとしているページで質問を更新しました。 –

関連する問題