2

WebページにjQueryがあります。
divの背景色を変更しています。
動いていない。

<script type="text/javascript">
       $("#gridbox").css({'background-color':'black'});​
    </script>
4

5 に答える 5

6

コードが機能するはずです。ドキュメント対応ハンドラーを使用してみてください。

$(document).ready(function(){
   $("#gridbox").css({'background-color':'black'});​
})

http://jsfiddle.net/WcQse/

于 2012-09-13T09:58:12.450 に答える
4

DOMがロードされる前にスクリプトが実行されている可能性があります。試す:

<script type="text/javascript">
     $(document).ready(function(){
       $("#gridbox").css({'background-color':'black'});​
     });
</script>

- デモ -

于 2012-09-13T09:57:55.210 に答える
3

これを試して

を使用している場合は、の使用によって変わる可能性がありASP.NETます。その場合は、このようなものを試すことができます。Client IDMaster Pages

  $('#<%= gridbox.ClientID %>' ).css('background-color','black');​

それがただの場合は、メソッドdivでラップする必要がありますdocument.ready()

$(document).ready(function(){


$('#gridbox').css('background-color','black');

});

デモ

于 2012-09-13T09:57:20.157 に答える
1

あなたが使用しているのと同じコードが私にとってはうまく機能しています

<html>
  <head>
    <script src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
  </head>
  <body>
       <div id="gridbox" style="background-color:red;">gridbox</div>
         <script type="text/javascript">
           $("#gridbox").css({'background-color':'black'});
         </script>
  </body>
</html>

したがって、最初にjqueryライブラリを含めてから、背景色を変更するdivの後にjavascriptファイルを配置する必要があります。

于 2012-09-13T11:35:44.823 に答える
0

試す:

$("#gridbox").css("background-color", "black");

編集:

DOMドキュメントレディ関数を追加します。これにより、が読み込まれた後にcssの変更が実行されます。

$(document).ready(function() {
   $("#gridbox").css("background-color", "black");
});

注:ページで参照されているjQueryJavaScriptファイルがあることを確認してください。

于 2012-09-13T09:57:44.230 に答える