jquery - 我在同一页面上有多个jPicker，如何一次打开一个jPicker对话框？

在同一页面上使用多个jPicker，我的问题是当我一一单击所有三个jPicker时，它保持打开状态。通过我一次可以打开单个对话框的jPicker中是否有任何事件或方法？我检查了jPicker's site，他们所有的对话框都保持打开状态，存在相同的问题。

js代码段，

$(function() {
  $('#id1').jPicker();
});
$(function() {
  $('#id2').jPicker();
});
$(function() {
  $('#id3').jPicker();
});

最佳答案

将事件处理程序附加到elem，以使其关闭所有打开的jPicker对话框，

逻辑是jPicker的容器添加到DOM的顺序与使用.jPicker()初始化的顺序相同，因此我们关闭了所有其他容器的对话框，但单击的容器除外。

这似乎在演示页面上起作用。

//For #id1 jPicker
  $("span.Image").click(function(){
    $('div.jPicker.Container').not(':eq('+$("span.Image").index($(this))+')').find('table input.Cancel').trigger('click');
 });

这是working fiddle

关于jquery - 我在同一页面上有多个jPicker，如何一次打开一个jPicker对话框？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23431532/