4

我在加载 Jquery 1.8.2 时没有问题的网站上有这个脚本(和 HTML) - 但不同的插件需要 1.8.3 版本 - 现在该功能不再起作用。我怀疑它与代码的 .parent 和 .children 部分有关(?),但我不确定。谁能告诉我如何让这个脚本与 1.8.3 或更高版本一起工作?

HTML:

<div class='toggle_parent'>

  <div class='toggled_content' style='display:none;'>
      My Content
  </div>
    <div class='toggleHolder'>
    <span class='toggler'>Open</span>
    <span class='toggler' style='display:none;'>Close</span>
  </div>
</div>

脚本:

$(document).ready(function(){

    $('.toggler').live('click',function(){
      $(this).parent().children().toggle();  //swaps the display:none between the two spans
      $(this).parent().parent().find('.toggled_content').slideToggle();  //swap the display of the main content with slide action

  });

});

JS 小提琴在这里:http: //jsfiddle.net/UezUj/363/

(我需要脚本仅在周围的 div 中查找一个工具 div,并且不能使用 #id 来定位 div - 因为我将有许多相互相邻的切换并且不希望它们都在同时。希望这是有道理的......)

4

2 回答 2

0

尝试更换

$('.toggler').live('click', function(){ /*content*/ };

$('.toggler').click(function(){ /*content*/ };

小提琴: http: //jsfiddle.net/bkqsS/(用 jQuery 1.9.0 试过)。

于 2013-01-21T12:22:15.930 回答
0

这是更新:

  1. 问题中的代码片段没有任何问题(正如聚光灯首先指出的那样!)

  2. 我的问题是由加载自定义版本的 Jquery 的插件引起的,该版本没有此脚本的所有必要功能。

一旦解决了 - 一切都会重新开始。多亏了 TylerCrompton,代码片段甚至得到了一点改进,所以这并不是一无所获!多谢你们。

于 2013-01-03T15:37:28.757 回答