Question

多个揭密模式无法正常工作。例，我有2个屏幕，如果我点击重置按钮，则会显示一个显示弹出窗口。如果我打开另一个屏幕并再打开一个显示模式，则不关闭该弹出窗口，前一个屏幕显示模式被隐藏。两个屏幕都有与揭示模式相同的类名。我必须使用相同的类名。但不同的页面。如何解决这个问题？

我的要求是，如果我打开多个页面，所有显示模式都应该正确显示而不会隐藏。

请检查以下小提琴。它只有一页。与如果我有另一个页面一样，它会产生问题。

Fiddle

$(document).foundation();

$('a.open-first').on('click', function () {
  $('#first-modal').foundation('reveal', 'open', {
    multiple_opened: true
  });
});

<div id='second-modal' class='reveal-modal' data-reveal aria-hidden="true" role="dialog">
  I'm the secondborn!
  <a class="close-reveal-modal">&#215;</a>
</div>

<div id="first-modal" class="reveal-modal" data-reveal aria-hidden="true" role="dialog">
  I'm the firstborn!
  <a href="#" data-reveal-id="second-modal">Modal in a modal&hellip;</a>
  <a class="close-reveal-modal">&#215;</a>
</div>

<a class='open-first'>Click me!</a>

多个揭示模式不起作用

0 个答案: