Question

我已经搜索了google和SO，但是还没有找到答案，我有这个jQuery代码：

<head>
<script>
$( document ).ready(function() {
$( "#show" ).click(function() {
  $( "#content" ).fadeToggle( "slow", function() {
    });
  });
});
</script>
</head>

<body>
<button id="show">
   Show more/less</button>
<div id="content">
<p>Blah blah blah</p>
</div>
</body>

但它不起作用。我是jQuery的新手，所以不知道从哪里开始。这是一个JSFiddle：http://jsfiddle.net/jofish999/hs6v06bf/

感谢您的帮助：）

Answer 1

工作：http://jsfiddle.net/hs6v06bf/1/

$(document).ready(function () {
    $("#show").click(function () {
        $("#content").fadeToggle("slow");
        //you dont really need the callback in this case, so I removed it.
    });
});

不要忘记添加jquery库，因为$(element_selector)..内容只有在导入了jquery时才有效。

Answer 2

您似乎没有导入jQuery库，否则您的代码就可以了。在<head>标记之间将此代码添加到您的文件中：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

jQuery是用javascript编写的，上面的文件只是一个javascript文件，“启用”你使用jQuery（因为它不会自动包含在HTML，CSS和javascript等网页浏览器中）希望这会有所帮助：）

我的jQuery代码不起作用我到处搜索过

2 个答案: