                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础课程

为啥这样不能简化呢？

$("li:gt(4)").hide();

$("a:contains(更多)").click(function(){

$("li:gt(4)").show();

$(this).text("简化");

});

$("a:contains(简化)").click(function(){

$("li:gt(4)").hide();

$(this).text("更多");

});

</script>

可以正常的展开更多，但是不能简化。。。

2016-05-13

源自：jQuery基础课程 3-13

关注问题我要回答

389

操作

收起

3 回答

AGIANT 回答被采纳 +3 积分
2016-05-13

页面加载一次全部都加载，$("a:contains(更多)")指向元素a没问题，可以触发事件，但是后面并没有找到对象；

所以不会触发事件，如果一定这么些，可以把这段代码放在一个setInterval中

0 回复有任何疑惑可以回复我~

收起回答

花不谢

我刚刚试了下，后面也是找到元素的。因为我照下面方法写，每次弹出的都是那个“更多点击的提示框。”

2016-05-13 回复有任何疑惑可以回复我~

花不谢回复花不谢

$("li:gt(4)").hide(); $("a:contains('更多')").click(function(){ $("li:gt(4)").show(); alert("更多点击") $("a").html('简化'); }); $("a:contains('简化')").click(function(){ $("li:gt(4)").hide(); alert("简化点击") $("a").html('更多'); });

2016-05-13 回复有任何疑惑可以回复我~

Y3 提问者

非常感谢！

2016-07-18 回复有任何疑惑可以回复我~