jqModal弹出窗口无法打开

时间:2014-05-08 07:59:28

标签: drupal-6 jqmodal

我使用drupal 6表单,ahah表示ajax表单提交。在表单提交上,我执行一些验证,并允许用户选择在jqModal弹出窗口上显示的选项。 我用于jqm弹出窗口的JS脚本是:

        $(document).ready(function() {
          $("#dialog").jqm();

        });

并使用tag打开jqm弹出窗口

        <a href="#" class="jqModal">Choose option</a>
        <div class="jqmWindow" id="dialog">

            <h2 id="modalHeading">Select one</h2>
            <a href="#" class="button-x jqmClose">x</a>
            <form> form values</form>
         </div>

不是打开弹出窗口,而是通过在结尾添加#来更改网址 相同的代码在我网站的另一页上正常工作 jqModal.js文件包含在pageload页面中。

1 个答案:

答案 0 :(得分:0)

默认触发器是具有&#34; jqModal&#34;类的任何元素,因此您的锚元素(选择选项)是正确的,并且应该在单击时显示模态。

页面的javascript控制台中是否显示任何内容?

也许还有另一个javascript函数会阻止点击事件冒泡? .click()事件以FILO(先进先出,后进)方式分配,因此如果另一个click事件返回false,则jqModal分配的事件可能永远不会被调用。

您也可以明确并尝试;

$(document).ready(function() {
  $("#dialog").jqm({trigger: false});

  $("a.jqModal").click(function(){
    $("#dialog").jqmShow();
  });
});