jQuery Draggable()，拖动时执行动态功能

发布于 2024-09-15 19:25:55 字数 499 浏览 5 评论 0原文

我有一个 jQuery Draggable() 函数，并且在拖动时执行基于 if 的其他几个函数。像这样的事情：

$("div.element").draggable({
    drag: function() {
            if  (a=1){
                function1();
                }
            if  (a=2){
                function2();
                }   
            if  (a=3){
                function3();
                }   
    }
});

涉及很多变量，我希望从性能角度对其进行优化。是否可以使可拖动“知道”在拖动时执行什么功能，而无需每次都进行 if 检查。像拖动这样的东西只执行 function2() 和 function3() 。

谢谢

原文

I have a jQuery draggable() function and on drag is executing several other functions based on an if. Something like this:

$("div.element").draggable({
    drag: function() {
            if  (a=1){
                function1();
                }
            if  (a=2){
                function2();
                }   
            if  (a=3){
                function3();
                }   
    }
});

There are many variables involved and I am looking to optimize this from the performance perspective point of view. Is it possible to make the draggable "know" what function to perform on drag without doing the if checking each time. Something like on drag do just function2() and function3().

Thank you

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

我爱人 2024-09-22 19:25:55

您可以使用 jQuery 数据将适当的函数对象与可拖动元素一起存储：

// declare the appropriate function for each element
$("select elements that need function1").data("dragFunction", function() {
  // whatever
});
$("select elements that need function2").data("dragFunction", function() {
  // whatever
});

// and then... just execute whatever function is stored in "dragFunction"
$("div.element").draggable({
  drag: function() { return $(this).data("dragFunction")(); }
});

You could use jQuery data to store the appropriate function object right with the draggable elements:

// declare the appropriate function for each element
$("select elements that need function1").data("dragFunction", function() {
  // whatever
});
$("select elements that need function2").data("dragFunction", function() {
  // whatever
});

// and then... just execute whatever function is stored in "dragFunction"
$("div.element").draggable({
  drag: function() { return $(this).data("dragFunction")(); }
});

回复收藏 0 原文

~没有更多了~