0

JQueryを使用したこの単純な非表示要素スクリプトで私が間違っていることを誰かに教えてもらえますか? ボタンをクリックすると、免責事項タグのテキストが非表示になります。ありがとう。

index.html:

<!DOCTYPE HTML">
<html>
<head>
<title></title>
<meta name="" content="">
<script src="script.js" type="text/javascript"></script>
<script type='text/javascript' src='jquery.js'></script>
</head>
<body>
<input type="button" id="hideButton" value="hide"/>

<div id="disclaimer">
<p>This is a disclaimer</p>

</div>

</body>
</html>

script.js:

$('#hideButton').click(function() {

    $('#disclaimer').hide();

});
4

3 に答える 3

1

dom が読み込まれるまで待ってから、スクリプトを読み込みます

デモ: http://jsfiddle.net/epinapala/Pm2k6/3/

<!DOCTYPE HTML">
<html>
<head>
<title></title>
<meta name="" content="">
<script src="script.js" type="text/javascript"></script>
<script type='text/javascript' src='jquery.js'></script>
</head>
<body>
<input type="button" id="hideButton" value="hide"/>

<div id="disclaimer">
<p>This is a disclaimer</p>

</div>
    <script>
    $('#hideButton').click(function() {

    $('#disclaimer').hide("slow");

});
    </script>
</body>
</html>

または、使用することができます

$(document).ready(function(){
//this will be executed after dom is loaded.
});
于 2012-06-27T01:15:41.887 に答える
0 
$(document).ready(function(){
$('#hideButton').click(function() {

    $('#disclaimer').hide();

});
});

前に
参照する準備ができているドキュメントに同封する必要がありますjquery.jsscript.js

于 2012-06-27T01:15:53.190 に答える
-1

別の方法

<div id="disclaimer" style="block">
<p>This is a disclaimer</p>

</div>



<script>
$('#hideButton').click(function() {

   $('#disclaimer').css('display','none');

});
 </script>
于 2012-06-27T01:24:19.610 に答える