jQuery-关闭按钮不起作用

jQuery - Close button not working

本文关键字：不起作用 关闭按钮 jQuery-      更新时间：2024-05-23

我找到了我的网站所需的脚本，但我无法使其工作。这是剧本：http://jsfiddle.net/vVsAn/1/

但当我尝试使用它（实例）时，它不会起作用。

我把脚本放在HTML的哪个位置有关系吗？到目前为止，我已经尝试将它放在body标记后面、head和div内部，但结果是一样的。我确实从谷歌的库中链接了jQuery，但这就像根本没有jQuery一样。

jQuery：

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

请原谅我的无知，我对JavaScript和jQuery还很陌生。

.live在jquery 1.9 中被删除

请参阅DOC

尝试改用.on：

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

使用切换值运行演示

您使用的是jQuery 1.10.2，jQuery 1.9中删除了live方法，因此需要使用.on（）代替

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

此外，由于事件绑定到文档对象，因此不需要使用dom就绪处理程序

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

自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，它就可以工作。

希望这能有所帮助。

您正在使用jquery version greater than 1.7。

live已从Jquery 1.7中弃用。使用on

演示

参考

Jquery实时方法已弃用

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

版本已弃用：1.7，已删除：1.9

使用旧的jquery或使用其他方法，如在上

live被弃用，点击即用，甚至是这样：

    $('#hideshow').click(function(event) {
        //your code here 

    });

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

试试这个：

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

或

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

为语法错误道歉。

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

这可能是您的最佳解决方案

首先确保在Body标记或side Head标记中添加Script。您不应该将脚本放在正文标记之后

其次，让我知道您正在使用哪个版本的jQueryLive从1.4开始就不推荐使用，如果您使用的是jquery 1.7+，请使用$（".."）.on来代替

相关文章：