javascript - 创建 jquery 插件 - 在同一元素上使用两次时不起作用

Question

到目前为止我一直在使用prototypeJS，所以请原谅我这个菜鸟jquery问题:P

看看这个:http://jsfiddle.net/wAcVs/

该插件在加载时应用于#cont1。 #cont2 到目前为止还没有被触及。当您单击顶部的按钮时，您可以看到它适用于#cont2，但不适用于#cont1。

我可以看到来自

的论点

$('#cont1').myPlugin({id:'321', width:'200', height:'100'}) 

对我的选项变量生效，但从那时起“this”是空的，并且元素根本没有改变。

我怎样才能让它工作？

提前致谢!

Answer 1

它不会工作两次，因为您要将 ID 更改为其他内容，因此，例如，当使用 $("#cont1") 时，找不到任何内容。如果您只是删除 .attr('id', 'plugin_'+options.id)，您就会看到它正常工作。

You can test it with the changes here ，请注意，我更改了 .changed 选择器，因为当 id 保留时，#cont1 和 #cont2 CSS 选择器比仅仅更具体.已更改。