Question

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

但是当我尝试使用它（live example）时，它将无效。

将脚本放在HTML中的位置是否重要？到目前为止，我已经尝试将它放在body标签之后，在head和div内部，但结果是一样的。我确实从谷歌的库中链接了jQuery，但它就像根本没有jQuery。

jQuery的：

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

原谅我的无知，我是JavaScript和jQuery的新手。

Answer 1

在jquery 1.9中

.live被删除

<强> See DOCs

请尝试使用.on：

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

<强> Working Demo with toggling value

Answer 2

您正在使用jQuery 1.10.2，jQuery 1.9中的live method is removed，因此您需要使用.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标签内或侧面标签中添加脚本。你不应该在正文标记

之后放置脚本

其次，让我知道您正在使用哪个版本的jQuery Live自1.4开始被弃用，如果您使用的是jquery 1.7+，则使用 $（“..”）。而不是

Answer 5

您正在使用jquery version greater than 1.7。

live已从Jquery 1.7弃用。使用on

Demo

Reference

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")    
        });

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

jQuery - 关闭按钮不起作用

jQuery的：

10 个答案: