从“单击”动态更改 jqueryui 手风琴事件处理程序到“鼠标悬停”

发布于 2024-10-06 05:03:02 字数 331 浏览 6 评论 0原文

我遇到一种情况，我希望能够将列表中的项目拖到手风琴中的目标中。但是，我拖动到的项目可能位于另一个面板（未打开的面板）中。

为了促进这一点，我想在拖动开始后动态地将手风琴的事件从单击更改为鼠标悬停。拖动完成后，我将切换回单击。这将使用户将鼠标悬停在关闭的面板上，使其打开，此时他们可以放下项目。完成后，我希望他们通过单击来打开面板。

这可能吗？我尝试过使用设置器：

$( ".selector" ).accordion( "option", "event", 'mouseover' );

但它似乎并没有真正改变事件的动态。我发现有人提到这可能不受支持。如果没有，有谁知道我该怎么做？

原文

分享到QQ

分享到微博

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

发布评论

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

网名女生简单气质 2024-10-13 05:03:02

您需要在元素拖动事件处理程序中使用设置器。类似以下内容应该有效：

$('li.draggable').mousedown(function(){

    $( "div.accordion" ).accordion( "option", "event", 'mouseover' );

}).mouseup(function(){

    $( "div.accordion" ).accordion( "option", "event", 'click' );

});

您需要根据您的特定情况定制选择器。当用户单击可拖动元素时，mousedown 事件处理程序将触发，将手风琴的 event 设置更改为“mouseover”；当释放单击并结束拖动时，手风琴的 event 设置将恢复为“单击”。

You need to use the setter in the element-drag event-handler. Something like the following should work:

$('li.draggable').mousedown(function(){

    $( "div.accordion" ).accordion( "option", "event", 'mouseover' );

}).mouseup(function(){

    $( "div.accordion" ).accordion( "option", "event", 'click' );

});

You'll need to tailor the selectors to your particular case. The mousedown event-handler will trigger when the user clicks down on the draggable element, changing the accordion's event setting to 'mouseover'; when the click is released, ending the drag, the accordion's event setting gets reverted to 'click'.

回复收藏 0 原文