javascript – 为什么我的模态不起作用？ Bootstrap4

发布时间：2020-12-14 22:59:57 所属栏目：资源来源：网络整理

导读：我想知道为什么我的Bootstrap 4模态不起作用.任何线索？我直接从Bootstrap 4网站(http://v4-alpha.getbootstrap.com/components/modal/#live-demo)复制和粘贴.另外,我添加了他们说的js. 请在下面找到代码. 谢谢我查过了其他帖子,但我没有运气 $('#myModal')

我想知道为什么我的Bootstrap 4模态不起作用.任何线索？我直接从Bootstrap 4网站(http://v4-alpha.getbootstrap.com/components/modal/#live-demo)复制和粘贴.另外,我添加了他们说的js.

请在下面找到代码.

谢谢

我查过了其他帖子,但我没有运气

$('#myModal').on('shown.bs.modal',function() {
  $('#myInput').focus()
})


最佳答案
您的代码段中有拼写错误(未使用过)};在最后),但最重要的是你的切换按钮是针对错误的模态ID.确保数据目标是您要定位的模态的ID：


演示：
$('#myModal').on('shown.bs.modal',function() {
  $('#myInput').focus()
})

编辑：根据@OlavT请求更新了Bootstrap 4-beta：

$('#myModal').on('shown.bs.modal',function() {
  $('#myInput').focus()
})


                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!