将Select2与Jeditable结合使用
将Select2与Jeditable结合使用
提问于 2016-08-24 10:06:27
我是jquery插件的新手，只知道一些基本的Jquery。
我正在尝试将select2插件与Jeditable结合在一个html表格中。我几乎完成了我想要的。唯一的问题是下拉列表显示，然后关闭。我把我所做的事弄得一团糟。
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");
});我唯一的问题是，当我们点击它时，它会立即显示和隐藏。任何帮助都将不胜感激。
回答 1
Stack Overflow用户
发布于 2016-08-28 18:45:30
$(".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");
})页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/39113344
复制相关文章
相似问题
腾讯云开发者
