鼠标点击触发事件VS快捷键

Question

我有一个函数可以在点击链接时显示带有 JqGrid 的表单对话框。

我的代码是这样的：

HTML：

<div id="mainDialog">
    <a href='#' class='showList'>Show list [Ctrl+L]</a>
    ....
</div>

jquery：

$('#mainDialog .showList').click(function(){
    showDialog({
        formid:"The_List",          
        path:"folder/subfolder",            
        height:820,         
        open:function(){}
    }); 
});     

表单对话框The_List 来自另一个文件。在那个文件里面，我有这样的东西：

$("#dlgThe_List").bind('dialogopen',function(e){
    $("#listGrid").jqGrid({
        //set the grid properties
        ....
    });
});

使用它，它可以在显示对话框的地方正常工作，其中 JqGrid 表已被填充。

---

但是，当我使用下面的代码触发上面的click 函数时，会显示对话框但JqGrid 表甚至没有出现：

$('#mainDialog').on('keydown', function(e){
    if (e.keyCode == 76 && e.ctrlKey){
        e.preventDefault();
        $('#mainDialog .showList').trigger('click');
    }
});

我的第一个想法是 showDialog 脚本在 jqGrid 创建之前完成。 但从逻辑上讲，我认为没有区别，因为使用快捷键时，点击功能仍然触发。

对此有任何澄清吗？

编辑： 我创建了与我的问题类似的JSFiddle demo，但不幸的是不支持 JqGrid。

Answer 1

我认为你也应该触发dialogopen 事件：

$('#mainDialog').on('keydown', function(e){
   if (e.keyCode == 76 && e.ctrlKey){
      e.preventDefault();
      $('#mainDialog .showList').trigger('click');
      $("#dlgThe_List").trigger('dialogopen'); //<-----trigger it too
   }
});

---

正如您提到的，有一个错字，但您必须将您的 id 更改为 class of：

$('#mainDialog .showList')

属于这个：

 <a href='#' class='showList'>Show list [Ctrl+L]</a>

---

我已经更新了你的小提琴并且它在这里工作得很好：

Check the Demo

它带有一些本地数据。