javascript - 将Select2与Jeditable一起使用

我是Jquery插件的新手，只知道一些基本的jquery。

我正在尝试将select2插件与html表中的Jeditable结合在一起。我几乎完成了我想要的。唯一的问题是下拉菜单显示然后关闭。我已经做了我的事

https://jsfiddle.net/ongforog

HTML代码：

<table>
<tr>
<th>Location</th>
</tr>
<tr>
  <td class="sites_select">Location 1</td>
</tr>
</table>

jQuery代码：

  $(".sites_select").editable("localhost/timesheet/sites/update", {
  data   : "{'Lorem ipsum':'Lorem ipsum','Ipsum dolor':'Ipsum dolor','Dolor sit':'Dolor sit'}",
    type: "select",
        onblur: 'ignore'
    }).on('click', function () {
        $(this).find('select').select2({});
    });

    $(document).on('change', '.sites_select select', function () {
        $(this).trigger("submit");
    });

我遇到的唯一问题是，当我们单击它时，它立即显示并隐藏。任何帮助将不胜感激。

最佳答案

$(".sites_select").editable("localhost/timesheet/sites/update", {
    data   : "{'Lorem ipsum':'Lorem ipsum','Ipsum dolor':'Ipsum dolor','Dolor sit':'Dolor sit'}",
    type: "select",
    onblur: 'ignore'
}).on('click', function () {
    if($(this).find('.select2').length <= 0){
        $(this).find('select').select2({});
    }
});

$(document).on('change', '.sites_select select', function () {
    $(this).trigger("submit");
})

关于javascript - 将Select2与Jeditable一起使用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/39113344/