Question

我发现了这个script（更多/更少的文字）。当我使用jQuery lib 1.11实现代码时，他不起作用。我不知道为什么？

代码：

<span class="teaser">text goes here</span>
<span class="complete"> this is the complete text being shown</span>
<span class="more">more...</span>

jQuery的：

$(".more").toggle(function(){
  $(this).text("less..").siblings(".complete").show();    
}, function(){
  $(this).text("more..").siblings(".complete").hide();    
});

可以寻求帮助吗？感谢

Answer 1

toggle用于要显示和隐藏的元素，而不是发生的事件。您可能希望绑定到more的{{3}}：

$(".more").click(function(){
  if ($(this).siblings(".complete").is(":visible"))
      $(this).text("more..").siblings(".complete").hide();    
  else
      $(this).text("less..").siblings(".complete").show();    
});

jQuery 1.8中已弃用the click event，并在1.9中删除。

toggle event

jQuery最新的库不工作脚本

1 个答案: