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

Question

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

js 代码片段，

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

Answer 1

将事件处理程序附加到 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