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

前端之家收集整理的这篇文章主要介绍了javascript – 为什么我的模态不起作用? Bootstrap4前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

请在下面找到代码.

谢谢

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

$('#myModal').on('shown.bs.modal',function() {
  $('#myInput').focus()
})
Meta charset="utf-8">
  <Meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
  <Meta content="Description" name="description">
  <Meta content="index,follow" name="robots">
  css-->
  
最佳答案
您的代码段中有拼写错误(未使用过)};在最后),但最重要的是你的切换按钮是针对错误的模态ID.确保数据目标是您要定位的模态的ID:

演示:

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

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

$('#myModal').on('shown.bs.modal',function() {
  $('#myInput').focus()
})
原文链接:https://www.f2er.com/html/426268.html

猜你在找的HTML相关文章