Question

我已经坚持了几个小时尝试不同的方法来实现它。我不明白为什么它不会工作。我试图在点击按钮时在show / hide之间切换ul，但它不起作用。以下是相关代码：

头脑中：

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

守则：

<script>
    jQuery(document).ready(function(){
        jQuery('.active-stream').live('click', function(event) {        
        jQuery('.feed-list').toggle('show');
        });
    });
</script>

<button type="button" class="active-stream">Click Me!</button>

<ul class="feed-list">
<li>feed 1</li>
<li>feed 2</li>
</ul>

Answer 1

.live()自1.7起弃用，自1.9起删除。请改用 on() ..

<强> Working Demo 使用此，

jQuery(document).ready(function(){
    jQuery(document).on('click','.active-stream', function(event) {        
        jQuery('.feed-list').toggle('slow');   //use 'slow'
    });
});

此外，要添加.live()的功能，您需要使用委派（仅当您动态添加元素时。）

Answer 2

请将您的jQuery库更改为： http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js

并且您的脚本将是：

jQuery(document).ready(function(){
    jQuery('.active-stream').on('click', function(event) {        
        jQuery('.feed-list').toggle('slow');
    });
});

那应该工作..干杯:)。

难倒在简单的Jquery代码上

2 个答案: