爲什麼這個切換器功能在Jquery 1.8.3中不起作用（但工作在1.8.2）

我在加載Jquery 1.8.2時沒有任何問題的腳本（和HTML） - 但是不同的插件需求版本1.8.3 - 現在該功能不再起作用。我懷疑它與代碼（。）的.parent和.children部分有關，但我不確定。任何人都可以告訴我如何讓這個腳本使用1.8.3或更高版本？爲什麼這個切換器功能在Jquery 1.8.3中不起作用（但工作在1.8.2）

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>

SCRIPT：

$(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一個的toogle格，並能不要使用#id來定位div - 因爲我將會有很多相互切換的開關，並且不希望它們全部同時打開。希望這是有道理的......）

來源

2013-01-03 Anders Carlén

你不應該使用'on'而不是'live'嗎？ –

我剛剛在JSBIN中粘貼了你的代碼：http://jsbin.com/elodex/1/它工作的很好！你確定你的jquery加載正確嗎？你是否試圖同時加載兩個jquery？ –

@TylerCrompton說實話，我不知道！複製和粘貼的危險。我不是一個編碼員 - 只是時不時地假裝... –

這裏的更新：

沒有什麼錯在問題的代碼片段（如limelights指出的第一！）
我的問題是由插件加載定製版本引起的Jquery沒有爲這個腳本提供所有必要的功能。

一旦完成了這一切 - 這一切都再次運作。感謝TylerCrompton，這個片段甚至已經有所改進，所以它並不是什麼都沒有！謝謝你們。

來源

2013-01-03 15:37:28

嘗試

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

的小提琴代替

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

：http://jsfiddle.net/bkqsS/（用jQuery 1.9.0試過）。

來源

2013-01-21 12:22:15 hitecherik

爲什麼這個切換器功能在Jquery 1.8.3中不起作用（但工作在1.8.2）

回答

相關問題