jquery - 在 DIV 上显示模态弹出调用

Question

我在使用Reveal Modal Popup时没有什么问题，我的问题是我只想在 div 上调用它，而不是在超链接上<a> tag，也不是在页面加载上，我怎么能改变它。

在reveal.js 这里是代码：

    $('div[data-reveal-id]').live('click', function(e) {
    e.preventDefault();
    var modalLocation = $(this).attr('data-reveal-id');
    $('#'+modalLocation).reveal($(this).data());
});

这是完整的 reveal.jsreveal.js

在 html 上是代码：

<a href="#" class="big-link" data-reveal-id="myModal" data-animation="fade">
        Fade and Pop
    </a>    

    <div id="myModal" class="reveal-modal">
        <h1>Reveal Modal Goodness</h1>
        <p>This is a default modal in all its glory, but any of the styles here can easily be changed in the CSS.</p>
        <a class="close-reveal-modal">&#215;</a>
    </div>

只想在 div 中调用，因为我想在事件发生时在 php 上使用它。

Answer 1

以下是解决方案：

$(function() {
    $('#myModal').reveal();
});

或者

$(document).ready(function() {
    $('#myModal').reveal();
});

或者

<script type="text/javascript">
$(document).ready(function() {
  $('#myModal').reveal();
});
</script>

或者

如果您在使用其他使用 JQuery NoConflict 的 .js 库的页面上遇到问题 - 在这种情况下，请尝试以下操作：

jQuery(document).ready(function($) { $('#myModal').reveal(); });