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

Question

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

js代码片段，

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

Answer 1

将一个事件处理程序附加到一个元素，以便它关闭所有打开的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');
 });

这是工作小提琴