gpt4 book ai didi

javascript - 如何隔离同一页面中多个 jQuery 插件之间的功能

转载 作者:行者123 更新时间:2023-11-30 10:52:05 25 4
gpt4 key购买 nike

如果我在同一页面上有超过 1 个相同插件的实例,我该如何分离功能。例如。在这个演示中 http://jsfiddle.net/3jwAK/ ,我有一个插件“editor”,它附加了一个模拟某些插件/小部件按钮的链接,单击该按钮时会将一行附加到 textarea

目前的问题是它只针对最后一个 textarea

代码看起来像

JS

(function($) {
$.fn.editor = function(options) {
var helpers = {
rand: function() {
return Math.round(Math.random() * 20);
}
};

return this.each(function() {
$this = $(this);

var div = $("<a>", {
text: "Add Random Number",
href: "#",
click: function() {
$this.val( $this.val() + "\n" + helpers.rand() );
}
});

$this.before(div);
});

}
})(jQuery);

HTML

<textarea name="txtArea1" cols="50" rows="6" id="editor1"></textarea>


最佳答案

问题是变量 $this 需要在该函数的每次运行中成为本地副本。把 var 放在它前面。

var $this = $(this);

更新:http://jsfiddle.net/3jwAK/1/

关于javascript - 如何隔离同一页面中多个 jQuery 插件之间的功能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4664971/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com