gpt4 book ai didi

javascript - Bootstrap - 模式不工作

转载 作者:行者123 更新时间:2023-11-30 12:37:49 24 4
gpt4 key购买 nike

我有这样的模态设置

<body>
<div class="modal fade" id="pageopen" 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">
x
</button>
<h4 class="modal-title" id="myModalLabel">
This Modal title
</h4>
</div>
<div class="modal-body">
Add some text here
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary"> Submit changes</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal -->
</div>

<button onclick="showModal('http://www.google.co.id/')">Show Modal</button>

</body>

我只为模态插件添加了最新的 jquery、bootstrap js 和 css。
我遇到的问题是模态背景显示,但是模态标题正文等未显示。

My Code

请提供解决方案,谢谢

最佳答案

您的 Javascript 代码有误,要打开 Bootstrap 3 Modal,您应该使用:

$('#pageopen').modal({
show: true
});

如果要加载外部Page,可以在这里设置url:

$('#pageopen').modal({
show: true,
remote: 'http://www.example.com'
});

最好使用 jQuery click 函数而不是“onClick”。

关于javascript - Bootstrap - 模式不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25522328/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com