【发布时间】：2013-03-05 17:44:27
【问题描述】：
所以我有一个应用程序，用户可以从下拉列表中选择一个类别。如果他们愿意，我想为他们提供创建新类别的选项，因此下拉列表中的最后一个选项是“创建您自己的”
我可以通过以下方式获得他们选择最后一个的事件：
$("#category").change(function () {
selection = $(this).val();
if (selection == -1) {
alert("create new one");
}
});
这按预期工作，没有问题。但是，当我尝试将 alert("create new one"); 替换为 $("#myModal").modal('show'); 时，出现以下错误：
Uncaught TypeError: Object [object Object] has no method 'modal'
我在标头中同时链接了 bootstrap javascript 文件和 jquery：
<script type="text/javascript" src="http@(Request.IsSecureConnection == true ? "s" : "")://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="@Url.Content("~/Scripts/bootstrap-modal.js")"></script>
【问题讨论】：
-
您是否事先针对#myModal 初始化了模态？
-
fwiw 'http@(Request.IsSecureConnection == true ? "s" : ""):' can be removed '//' 这样做。 stackoverflow.com/questions/4659345/…
-
根据twitter.github.com/bootstrap/javascript.html，做 $("#myModal").modal('show');将初始化它并立即调用 show 方法。所以我不应该在那之前初始化它。但是，我也尝试过 $(document).ready(function() { $("#myModal").modal(); });并会在页面加载后立即收到相同的错误
-
执行
$("#myModal").modal({ show: true })将初始化它。您的更改事件处理程序是否也在 $(document).ready 块中？你能确定 bootstrap-modal.js 包含正确吗？ -
嗯。您能否确认您没有多次加载 JQuery 文件，或者加载 bootstrap.js 或 bootstrap.min.js 以及 bootstrap-modal？这可能会导致问题...
标签： javascript jquery twitter-bootstrap modal-dialog