-2

我正在创建一个显示更多按钮来扩展 div “可扩展”

下面的代码有效，但当用户单击文档上的 ANYWHERE 时有效。

$(document).click(function() {
    $('.expandable').animate({
      'height': '100%',
    })
})

我相信下面的这段代码应该可以工作吗？当用户点击 div “show-more-btn” 但它没有：

$('#show-more-btn').click(function() {
    $('.expandable').animate({
      'height': '100%',
    })
})

编辑：（来自评论的代码）

<div id="show-more-btn"> 
    <p>Show More</p> 
    <img src="images/show-more.png" alt="" /> 
</div>

加载或单击或任何其他内容时控制台都没有错误..

4

3 回答 3

3 
$('#show-more-btn').click(function () {
    $('.expandable').animate({
        'height': '100%'
    })
})

你错过了'选择器中的a

小提琴

于 2013-09-06T01:48:15.373 回答
0 
$('#show-more-btn').click(function() {
    $('.expandable').animate({
      'height': '100%'
    });
});

试试这个：我想你错过了两个函数末尾的分号。

于 2013-09-06T02:14:59.140 回答
0

鉴于您提到了相同的代码适用于$(document).click，我假设应该有一个带有class='expandable'. 我能看到的唯一另一个问题是您的代码在该<head>部分中并且没有包含在$(document).ready(function(){.

如下所示包装它：（事件处理程序应在元素创建并可用后分配）

$(document).ready(function(){
    $('#show-more-btn').click(function() {
        $('.expandable').animate({
          'height': '100%',
        });
    });
})
于 2013-09-06T02:16:52.047 回答