Question

我使用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页面中。

Answer 1

默认触发器是具有＆＃34; jqModal＆＃34;类的任何元素，因此您的锚元素（选择选项）是正确的，并且应该在单击时显示模态。

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

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

您也可以明确并尝试;

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

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

jqModal弹出窗口无法打开

1 个答案: