HTML&;JavaScript-Bootstrap
我正在尝试用引导CMS制作一个主页。我目前有一切工作,除了当用户进入网站时,我希望他们一进入网站就出现 我目前掌握的模态代码是:HTML&;JavaScript-Bootstrap,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,我正在尝试用引导CMS制作一个主页。我目前有一切工作,除了当用户进入网站时,我希望他们一进入网站就出现 我目前掌握的模态代码是: <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="m
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel">Modal title</h4>
</div>
<div class="modal-body">
...
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
&时代;
情态标题
...
接近
保存更改
现在,一切都好了
JavaScript:
<script type="text/javascript">
$(window).load(function(){
$('#myModal').modal('show');
});
</script>
$(窗口)。加载(函数(){
$('myModal').modal('show');
});
正如你应该知道的,它们一起应该使模态自动出现,但它不是
有人能帮忙吗?不要使用$(窗口)。加载(…),而是需要使用:
$(document).ready(function(){
$('#myModal').modal('show');
});
并确保在index.html中加载了jQuery api
我希望这对你有帮助 这里有两种选择。
function handleReady() {
$('modal_selector').modal();
}
$(document).ready(handleReady);
1。加载页面时
function init() {
$('modal_selector').modal();
}
window.onload = init;
2。文档准备就绪时。
function handleReady() {
$('modal_selector').modal();
}
$(document).ready(handleReady);
你的页面上有jQuery吗?你有FireBug(用于Firefox)还是Chrome控制台?检查是否有Javascript错误。