在DIV上显示模态弹出调用

时间:2013-06-18 23:15:17

标签: jquery html

我没有问题我正在使用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.js reveal.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上使用它。

1 个答案:

答案 0 :(得分:1)

以下是解决方案:

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

OR

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

OR

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

OR

如果你在使用其他使用JQuery NoConflict的.js库的页面上工作时遇到了麻烦 - 在这种情况下试试这个:

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