WebページにjQueryがあります。
divの背景色を変更しています。
動いていない。
<script type="text/javascript">
$("#gridbox").css({'background-color':'black'});
</script>
WebページにjQueryがあります。
divの背景色を変更しています。
動いていない。
<script type="text/javascript">
$("#gridbox").css({'background-color':'black'});
</script>
コードが機能するはずです。ドキュメント対応ハンドラーを使用してみてください。
$(document).ready(function(){
$("#gridbox").css({'background-color':'black'});
})
DOMがロードされる前にスクリプトが実行されている可能性があります。試す:
<script type="text/javascript">
$(document).ready(function(){
$("#gridbox").css({'background-color':'black'});
});
</script>
これを試して
を使用している場合は、の使用によって変わる可能性がありASP.NET
ます。その場合は、このようなものを試すことができます。Client ID
Master Pages
$('#<%= gridbox.ClientID %>' ).css('background-color','black');
それがただの場合は、メソッドdiv
でラップする必要がありますdocument.ready()
$(document).ready(function(){
$('#gridbox').css('background-color','black');
});
あなたが使用しているのと同じコードが私にとってはうまく機能しています
<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ファイルを配置する必要があります。
試す:
$("#gridbox").css("background-color", "black");
編集:
DOM
ドキュメントレディ関数を追加します。これにより、が読み込まれた後にcssの変更が実行されます。
$(document).ready(function() {
$("#gridbox").css("background-color", "black");
});
注:ページで参照されているjQueryJavaScriptファイルがあることを確認してください。