【问题标题】:jqModal popup does not opensjqModal 弹出窗口不打开
【发布时间】:2014-05-08 07:59:28
【问题描述】:

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

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

        });

并使用标签打开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>

它不会打开弹出窗口,而是通过在末尾添加 # 来更改 url。
相同的代码在我网站的其他页面上运行良好。
jqModal.js 文件在页面加载时包含在页面中。

【问题讨论】:

    标签: drupal-6 jqmodal


    【解决方案1】:

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

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

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

    你也可以显式试试;

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

    【讨论】:

      猜你喜欢
      • 2023-03-20
      • 1970-01-01
      • 1970-01-01
      • 2023-02-26
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多