Автоматически открывать модальное раскрытие

Question

Автоматически открывать модальное раскрытие

0

Я хочу открыть Reveal Modal Popup при загрузке страницы, не нажимая ничего

Вот что есть:

<!DOCTYPE html>
<head>
    <title>Modal PopUp</title>
    <link type="text/css" rel="stylesheet" href="css/style.css">
    <link type="text/css" rel="stylesheet" href="css/reveal.css">   

    <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.min.js"></script>
    <script type="text/javascript" src="js/jquery.reveal.js"></script>

<script language="JavaScript">
$(function() {
    $( "#myModal" ).dialog();
});
</script>

</head>
<body>

    <!-- #reveal modal popup -->

        <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>

    <!-- #reveal modal popup -->           
</body>
</html>

Я не хочу использовать этот триггер:

<a href="#" data-reveal-id="myModal">Click Me For A Modal</a>

Он должен открываться автоматически.

Valeri Crudu 04 апр. 2014, в 12:45

Источник

0

$ ( '# MyModal') показывают (). должен показать вам модальный
DoXicK 04 апр. 2014, в 10:56

Теги:

javascript

jquery

html

reveal.js

2 ответа

3

Попробуй это

$(document).ready(function() {  //or  $(window).load(function(){ 
    $('#myModal').reveal($(this).data());
});

Sridhar R 04 апр. 2014, в 08:13

Ещё вопросы

$ ( '# MyModal') показывают (). должен показать вам модальный

Ehsan Sajjad · Accepted Answer · 2014-04-04T09-28-00.000Z

вы можете скрыть тег привязки и щелкнуть его программно:

<a href="#" id="clickMe" data-reveal-id="myModal" style="display:none;">Click Me For A Modal</a>



$('#clickMe').click();

он откроется, не нажимая ни одной ссылки или кнопки на странице, а за ней мы программным образом нажмем на нее.

вы также можете сделать:

$("#myModal").reveal();