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

Question

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

Я хочу открыть модальное всплывающее окно при загрузке страницы, ничего не нажимая

Вот что есть:

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

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

0

html javascript jquery reveal.js

Решение

Другие решения

Попробуй это

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

3

Источник

Accepted Answer

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

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



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

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

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

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

1