W3学校的例子不起作用？

我试图通过W3学校找出这个例子，但据我所知，它不起作用。 如果我遗失某些东西，有人可以引导我吗？

     $(document).ready(function(){ $("#div1").on("click", function(){ $(this).css("background-color", "pink"); }); $("#div2").live("click", function(){ $(this).css("background-color", "pink"); }); });    
This example demonstrates how to achieve the same effect using on() and live().
 
This is some text. 
Click to set background color using the on() method.
 

 
This is some text. 
Click to set background color using the live() method.
 
   

小提琴： https ： //jsfiddle.net/gratiafide/dwmwm43a/

资料来源： http ： //www.w3schools.com/jquery/tryit.asp？ filename = tryjquery_event_on_live

Answer 1

这是因为jQuery.fn.live(..); 已在1.7版中弃用，并在1.9版中完全删除。

您正在使用jQuery 1.12.2 ，方法jQuery.fn.live(...); 在这个版本的jQuery中不存在 。

获取jQuery.fn.live(...); 要工作，你必须将script元素更改为：

如果您想使用最新版本的jQuery，请改用：

        
 Hello World! 
Click me to make me pink!
 
   

Answer 2

从jQuery 1.7开始，不推荐使用.live()方法。

你的小提琴你正在使用v1.12.2

与w3c相同：

 src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"> 

所以将src更改为：

 src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js" 

它的工作原理

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

Answer 3

不再推荐使用.live（）方法，因为更高版本的jQuery提供了没有缺点的更好的方法。

资料来源： http ： //api.jquery.com/live/

Answer 4

请注意：您的示例不是来自W3C（请参阅您提供的标题）。 你引用w3schools并在stackoverflow上查看其他问题你会发现w3c和w3school之间没有联系（前两个字符除外）。