Bootstrap $（’＃myModal’）。modal（’show’）不起作用

我不确定为什么，但所有模态function都不适用于我。 我检查了版本和负载它们没问题。

我一直收到此错误消息：

Uncaught TypeError: $(...).modal is not a function

对于隐藏我已经找到了另一种选择。 代替：

 $('#myModal').modal('hide'); 

我用过这个：

 $('#myModal .close').click(); 

而且效果很好。

现在问题在于节目

 $('#myModal').modal("show"); 

我也试过了

 $('#myModal').modal("toggle"); 

和：

 $('#myModal').modal(); 

但不幸的是，他们都没有工作。

这里是html代码 – 当点击按钮时，我会做一些validation并处理来自网络服务的json数据，如果它成功，那么我想要显示我的模态 – 一切都在工作，除了节目。

  Sign up 

如果有任何替代方案我想知道。

Answer 1

这类问题最常见的原因是

1.如果您不止一次定义了jquery库。

   
 ... ... 
  

引导程序库应用于第一个jquery库，但是当您重新加载jquery库时，原始引导加载会丢失（模式函数在引导程序中）。

2.请将您的JavaScript代码包装在里面

 $(document).ready(function(){}); 

3.请检查模态的id是否相同

作为您为组件定义的那个（同时检查相同ID的重复）。

Answer 2

我在使用Modal Popup Bootstrap时遇到了同样的问题，我使用Id和触发点击事件来显示和隐藏模态弹出而不是$（“＃Id”）。modal（’show’）和$（“＃id”）。modal （’隐藏’），`

   × Select $('#btnPurchaseClose').trigger('click');// for close popup $('#btnOpenPurchase').trigger('click');`// for open popup 

Answer 3

我的根本原因是我忘了在id名称之前添加# 。 瘸子但是真的。

从

 $('scheduleModal').modal('show'); 

至

 $('#scheduleModal').modal('show'); 

供您参考，适合我的代码序列是

  ">  ">  ">  ">  ">  ">  

Answer 4

使用.modal({show:true})和.modal({show:false})而不是('show')和('hide') …它似乎是依赖于bootstrap / jquery版本组合。 希望能帮助到你。

Answer 5

试试这个没有参数

 $('#myModal').modal(); 

它应该工作

Answer 6

你确定模态的id是“myModal”吗？ 如果没有，则呼叫不会触发它。

另外 – 只需阅读你的post – 你就可以通过这个按钮触发function/validation

 Sign up 

然后如果一切顺利 – 你想要触发模态。 – 如果是这种情况 – 那么你应该从这个按钮点击中删除切换。 我假设你有一个与此点击相关的事件处理程序？ 你需要.modal（“show”）作为该函数的一部分。 没有从这个按钮切换。 另外 – 这个id是正确的“creatNewAcount”而不是这个拼写“createNewAccount”

 Sign up 

Answer 7

使用该对象来调用…

 Try This 

或者如果你使用ajax在获得结果后显示模态，这对我有用…

 $.ajax({ url: "YourUrl", type: "POST", data: "x=1&y=2&z=3", cache: false, success: function(result){ // Your Function here $("#myModal").modal("show"); } }); 

Answer 8

第一个googleapis脚本现在无法正常工作，使用jquery给出的第二个scripe

Answer 9

必须首先加载jQuery lib。 在我的情况下，我首先加载bootstrap lib，也尝试使用target标记并触发单击触发器。 但主要问题是 – 必须首先加载jquery。