Question

我刚开始使用jQuery过去几周，我真的非常喜欢它 - 该死的太棒了！我现在有一个问题。这是我的页面的基本结构：

<body>
  <div id="accordionContainer">
    <div class="accordionSectionHeader">
      Some header label...
    </div>
    <div class="accordionSectionContent">
      Some content...
      <a href="#">Popup dialog</a>
    </div>
  </div>

  <div id="dialog">
    Some dialog content here...
  </div>
</body>

这是一个相当简单的布局 - 当您单击“弹出对话框”链接时，对话框div显示，位于链接顶部。到现在为止还挺好。现在我遇到了问题 - 我已经将对话框模态选项设置为“true”，但我仍然可以点击下面的内容，包括手风琴节标题！我错过了什么吗？不能为我的生活弄清楚出了什么问题，因为我在这里非常新手。

非常感谢任何建议或协助。

非常感谢，达尼。

Answer 1

第一印象：

使用firebug来检查代码中某处是否有一个div被绘制到屏幕（等），因为jQuery喜欢阻止模式下的交互的方式是阻止你使用屏幕大小的空div。

同时检查元素的Z-Index属性，以确保手风琴菜单不位于该阻挡器的顶部。

一旦有某种形式的代码，我们会回头：）

修改

您发布的代码缺少JQuery UI css文件。使用UI js文件下载的css文件控制UI元素的格式。

您可能不需要整个文件，因为它会影响您使用的每个jquery UI小部件，但您需要的重要一行是：

/* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

在手风琴中添加jQuery模态对话框

1 个答案: