jQuery-關閉按鈕不起作用

Question

我找到了我的網站所需的腳本，但無法正常工作。 這是腳本： http : //jsfiddle.net/vVsAn/1/

但是，當我嘗試使用它（ 實時示例 ）時，它將無法工作。

我將腳本放在您的HTML中的位置有關系嗎？ 到目前為止，我已經嘗試將其放置在body標簽之后，頭部和div內部，但是結果是相同的。 我確實從Google的庫中鏈接了jQuery，但是好像根本就沒有jQuery。

jQuery的：

jQuery(document).ready(function(){
    jQuery('#hideshow').live('click', function(event) {        
        jQuery('#lang').toggle('show');
    });
});

請原諒我的無知，我是JavaScript和jQuery的新手。

Answer 1

.live在jQuery 1.9中被刪除

查看DOC

---

嘗試使用.on代替：

$(document).on('click', '#hideshow', function(){ 
   //your event function
});

具有切換價值的工作演示

Answer 2

您正在使用jQuery 1.10.2，在jQuery 1.9中刪除了live方法 ，因此您需要使用.on（）來代替

jQuery(function($){
    $(document).on('click', '#hideshow', function(event) {        
        $('#lang').toggle('show');
    });
});

同樣，由於該事件已綁定到文檔對象，因此無需使用dom ready處理程序

$(document).on('click', '#hideshow', function(event) {        
    $('#lang').toggle('show');
});

Answer 3

從jQuery 1.7開始，不推薦使用“ live（）”，請改用.on（）（ http://api.jquery.com/live/ ）

jQuery(document).ready(function(){
    jQuery(this).on('click', '#hideshow', function(event) {        
        jQuery('#lang').toggle('show');
    });
});

另外，刪除完全不在上下文中的javascript之前的'：before'。

按照慣例，添加javascript的最佳位置是在'head'標記中添加它，但是絕對可以將其放在任何地方，只要首先引用jquery，它就可以工作。

希望這可以幫助。

Answer 4

首先，請確保將腳本添加到“身體”標簽中或“側面”標簽中。 您不應該將腳本放在body標簽之后

其次，讓我知道您使用Live的是哪個版本的jQuery從1.4開始不推薦使用，如果您使用的是jQuery 1.7+，則使用$（“ ..”）。on代替

Answer 5

您正在使用的jquery version greater than 1.7 。

live已從Jquery 1.7不推薦使用。 使用on

演示

參考

Answer 6

jQuery live方法已棄用

http://api.jquery.com/live/

版本已棄用：1.7，已刪除：1.9

使用較舊的jquery或使用其他方法，例如on

Answer 7

live已被棄用，可以點擊使用，甚至可以這樣：

    $('#hideshow').click(function(event) {

        //your code here 


    });

Answer 8

$(document).ready(function(){
  $("#hideshow").click(function(event){
    $("p")('#lang').toggle('show');
      });

Answer 9

嘗試這個：

jQuery(function($){
    $(document).bind('click', '#hideshow', function(event) {        
        $('#lang').toggle('show');
    });
});

要么

jQuery(function($){
     $(document).click('#hideshow', function(event) {        
         $('#lang').toggle('show');
     });
});

道歉的道歉。

Answer 10

jQuery('#hideshow').bind('click', function(event) {        
             jQuery('#lang').toggle('show');
            if($(this).val()=="Hide")
                $(this).val("Show")
                else
                $(this).val("Hide")    
        });

這可能是您最好的解決方案