.trigger(“单击”)未触发

Question

如果用户的光标位于浏览器窗口顶部的25个像素以内，我将尝试自动启动一个包含iframe的对话框。

在代码中，模拟单击隐藏按钮应该打开一个对话框，然后加载包含隐藏div内部信息的iframe。然而，代码似乎并没有在执行。我做错了什么？

我正在与Drupal 7合作。我相信有一个更优雅的方式来完成我的目标，但是现在请容忍我。

<?php
drupal_add_js('https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js','external');
drupal_add_js('https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js','external');
drupal_add_js('jQuery(document).ready(function() {
    jQuery(document).mousemove(function(e) {
      if (e.pageY<=25) {
     jQuery("dialog_trigger").trigger("click");
        jQuery("#dialog_trigger").click(function() 
        {

        jQuery("#dialog").dialog("open");
      });
    } 
    });
});
    jQuery("#dialog").dialog({
        autoOpen: true,
        position: "center",
        title: "         ",
        draggable: true,
        width: 800,
        height: 700,
        resizable: false,
        modal: true,
    });', 'inline');
?>


<div id="dialog" style="display:none;" title="Dialog Title">
    <iframe frameborder="0" scrolling="yes" width="700" height="650" src="http://google.about.com/b/2013/04/01/google-nose.htm" style="padding-left:50px;> </iframe>
</div>

Answer 1

不要紧。我想出来了：

<?php
drupal_add_js('http://code.jquery.com/jquery-1.9.1.js','external');
drupal_add_js('http://code.jquery.com/ui/1.10.1/jquery-ui.js','external');
drupal_add_js('jQuery(document).ready(function() {

jQuery(document).mousemove(function(e) {

if (e.pageY<=5) {
        jQuery("#dialog").dialog("open");
}
});

    jQuery("#dialog").dialog({
        autoOpen: false,
        position: "center",
        title: "         ",
        draggable: true,
        width: 850,
        height: 700,
        resizable: false,
        modal: true,
    });

});', 'inline');
?>

<button id="dialog_trigger" style="display:none;">Open The Dialog</button>
<div id="dialog" style="display:none;" title="Dialog Title">
    <iframe frameborder="0" scrolling="yes" width="800" height="650" src="http://www.google.com" style="padding-left:25px;"> </iframe>
</div>