Bootstrap jquery长按可排序？答案

【问题标题】：Bootstrap jquery long press with sortable?Bootstrap jquery长按可排序？
【发布时间】：2018-03-02 23:16:03
【问题描述】：

我正在尝试向一组可排序的响应式引导按钮添加长按。 longclick 函数似乎触发的唯一方法是我将它放在#list_content 容器上。但是，$this 并不是指触发事件的实际按钮 div (.sm-col-4)。

$('#list_content').mayTriggerLongClicks().on('longClick', function() {
    alert("long_click=" + JSON.stringify($(this)));
});

希望有人对我如何获取触发事件的 colid 以及防止在用户移动按钮时触发长按有一些想法。

https://jsfiddle.net/7yhkp9eo/3/

编辑答案 #1。

感谢您的回复。有趣的是，这在小提琴中有效，但在我的应用程序中无效。当我将选择器设置为：

$('#list_content')

我看到按钮上的 longClick 事件侦听器为 div#list_content.ui-sortable 可用于单击和鼠标按下。当我将选择器设置为

$('a.btn')

根据 chrome 开发者工具，没有用于 click 或 mousedown 的事件监听器。我的应用程序的主要 $(document).ready() 部分中也有此代码。

$(document).on('mousedown', function (e) {
    if($(e.target).hasClass('popover-content')) {
        fp_popover_close = false;
    } else
        fp_popover_close = true; 
});

我需要在弹出窗口中获得滑块控件才能正常工作。我在带有 $('a.btn') 的按钮上看到了该事件，但没有看到长按。

【问题讨论】：

标签： javascript jquery twitter-bootstrap jquery-ui

【解决方案1】：

关于 colid 和事件的触发器，在你的小提琴中，这对我有用......

$('a.btn').mayTriggerLongClicks().on('longClick', function() {
    var colId = $(this).parent('div').attr('colid');
    alert(colId);
});

【讨论】：

【解决方案2】：

虽然我没有在可排序阶段通过正确的选择器解决此问题，但我能够在按钮最初由应用程序创建时添加长单击事件，然后它仅在可排序处于活动状态时触发。

【讨论】：