Javascript 如何手动触发jPicker对话框？

我有三个jPicker绑定到隐藏输入。它们工作得很好。
我的问题是，我想通过单击

div

或

其他地方的设置来打开他们的对话框。
我不知道如何达到这个结果。
我试过使用

$（'#myElement'）.jPicker（）

，

$（'#myElement'）.jPicker（“show”）

，

$（'#myElement'）.jPicker（）.show（）

，但到目前为止没有任何效果。
我知道我做错了什么，我想一定有办法从不同的锚调用同一个对话框。
我还需要它在不同的情况下工作，例如，当动画完成时作为回调。 有人能帮我吗？
提前谢谢

下面是我设置jPicker对话框的代码：

$(document).ready(
    $('#c_d_item_color1').jPicker(
    {
        window:{position:{x:'screenCenter',y:'screenCenter'}}
    },
    function(color, context) {
        var all = color.val('all');
        var temp = 'nocolor';
        if (all !== null) {
            temp = '#' + all.hex;
        }
        worker_changeColorByJPicker(temp, 1);
     }            
     )
 );

所以jPicker被设置为

#c#u d_item_color1

，我需要这个对话框被其他事件触发，比如确认、回调或其他锚定

这是绑定jPicker的当前输入：

<input class="cf-jpicker" type="hidden" id="c_d_item_color1" value="" />

编辑

尝试使用

document.ready（函数（）

要使其在单击事件时附加，请尝试

$("#my_div").click(function(){
    $(this).jPicker("show");
})

---

这不是问题。我还想让它由不同的事件触发，比如在动画回调中。你的问题是你想在

或

标记上打开jPicker。我是对的？是的，编辑它以使其更完整。不管怎样，谢谢你的回答。我需要它来处理任何事件，比如回调或之后确认对话框。当您单击页面某处的div时，是否要将jPicker集打开为隐藏输入？这是您的问题吗？不起作用，它会在已存在的图标旁边添加一个jPicker图标。

$("#my_div").click(function(){
    $(this).jPicker("show");
})

$("#MyElement")
  .button()
  .click(function() {
    $( "#Jpicker_ID" ).jPicker("open");
  });