Bootstrap jQuery長按可排序嗎？

Question

我正在嘗試向可響應的自舉程序按鈕的可排序組中添加長按。 longclick函數似乎觸發的唯一方法是將其放在#list_content容器中。 但是，然后$ this不指向觸發事件的實際按鈕div（.sm-col-4）。

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

希望有人對我如何獲取觸發事件的大腸桿菌有一些想法，並希望防止用戶移動按鈕時長按觸發。

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

編輯答案＃1。

感謝您的回復。 有趣的是，這在小提琴中起作用，但不適用於我的應用程序。 當我將選擇器設置為：

$('#list_content')

我在按鈕上看到的longClick事件偵聽器為div＃list_content.ui-sortable，可用於單擊和鼠標按下。 當我將選擇器設置為

$('a.btn')

根據chrome開發人員工具，沒有用於單擊或鼠標按下的事件偵聽器。 我的應用程序的主要$（document）.ready（）部分中也有此代碼。

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

我需要在彈出窗口中獲得一個滑塊控件才能正常工作。 我在按鈕上看到帶有$（'a.btn'）的事件，但沒有長按。

Answer 1

關於大腸桿菌和事件的觸發因素，在您看來，這對我很有用...

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

Answer 2

雖然在排序時我沒有通過正確的選擇器解決此問題，但是當按鈕最初由應用程序創建時，我能夠添加long click事件，然后僅當sortable處於活動狀態時才觸發。