Koduję małą stronę internetową i chcę rozpocząć simplemodal na początku ładowania strony.
Więc teraz mam ten kod w ciele
<div id="container">
<div id="content">
<div id="basic-modal">
<input type="button" name="basic" value="Open" class="basic"/>
</div>
<!-- modal content -->
<div id="basic-modal-content">
<h3>Random Text in the SompleModal box.</h3>
</div>
</div>
</div>
Możesz zobaczyć przycisk jako dane wejściowe, kiedy kliknę go, pojawi się okno i pojawi się tekst.
Tutaj także basic.js, ale nie rozumiem tego, ponieważ zacząłem uczyć się projektowania stron internetowych kilka dni temu.
basic.js
jQuery(function ($) {
// Load dialog on page load
//$("#basic-modal-content").modal();
// Load dialog on click
$("#basic-modal .basic").click(function (e) {
$("#basic-modal-content").modal();
return false;
});
});
uwzględniono również te pliki.
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.simplemodal.js"></script>
Czytałem, że można używać onLoad lub w jscript .ready, ale nie wiem jak.
Odpowiedzi:
2 dla odpowiedzi № 1Spróbuj z tym:
<script>
function openModal()
{
$("#basic-modal-content").modal();
}
</script>
<body onload="openModal();"></body>
3 dla odpowiedzi № 2
Użyj $(document).ready() funkcja:
$(document).ready(function() {
// Any thing in here will execute when the DOM has finished loading
$("#basic-modal-content").modal();
});