Question

我有一个页面，我计划有多个可以打开的模态。第一个工作正常，我在页面上的几个地方链接到它。当我添加第二个虽然点击它所有我得到它一个黑暗的屏幕。模态没有显示出来。

我阅读了我在这里和物化网站上找到的所有内容。试过一些事情，比如向init.js添加多个触发器：

$(document).ready(function(){
// the "href" attribute of .modal-trigger must specify the modal ID that wants to be triggered
$('.modal-trigger').leanModal();
  });

$(document).ready(function(){
    // the "href" attribute of .modal-trigger must specify the modal     ID that wants to be triggered
   $('.modal-trigger1').leanModal();
  });

坚果没有做任何事情。尝试在onclick下调用它作为js函数，而不是通过href标记和类，但它是相同的。

有什么想法吗？

Answer 1

尝试将模式放在调用按钮的正下方，它可能会有效。我经历了很多次。所以经历一次，如果它仍然产生问题请告诉我。请发布模态代码。

Answer 2

当我添加第二个时，虽然点击它所有我得到一个黑暗的屏幕

这意味着它无法获得第二个模态的ID。

在Materialise中的同一页面上打开多个Modal

2 个答案: