Question

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

js代码片段，

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

Answer 1

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

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

这似乎是在演示页面上工作..

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

以下是working fiddle

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

1 个答案: