欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery draggable重復添加

錢多多2年前10瀏覽0評論

jQuery Draggable是一個流行的JavaScript庫,可以讓您的HTML元素變成可拖動的。但是,在某些情況下,使用這個功能時可能會遇到一個問題,那就是重復添加拖動功能。

$(function() {
$(".draggable").draggable();
});

上面的代碼將為一個類名為“draggable”的元素添加拖動功能。但是,如果您在HTML中多次引用了這個JavaScript庫,則會多次綁定這個拖動功能。這會導致多個拖動句柄(handle)在同一個元素上同時起作用。

$(function() {
$(".draggable").each(function() {
if (!($(this).data("ui-draggable"))) {
$(this).draggable();
}
});
});

為了避免這個問題,您可以通過檢查元素是否已經擁有拖動功能,并且只為沒有該功能的元素添加它來修復它。上面的代碼會為每個具有類名“draggable”的元素檢查它是否已經有了拖動功能,如果沒有則添加它。

總之,要避免jQuery Draggable的功能重復添加,建議在添加拖動功能之前檢查元素是否已經有該功能。這可以通過使用jQuery的data函數來完成。