Select2をJeditableで使用する

Question

私はJqueryプラグインを初めて使用しています。いくつかの基本的なjqueryを知っています。

私はselect2プラグインをJeditableと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"); 
    }); 

唯一の問題があることは示して私は

https://jsfiddle.net/ongforog

HTMLコードをやっていることのJsfiddleを行っていますすぐに隠れる。どんな助けもありがとう。

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