将 Select2 与 Jeditable 一起使用

Question

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

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

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");
    });

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

Answer 1

$(".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");
})