javascript - 在下拉选择中显示 Bootstrap 模式

标签 javascript jquery twitter-bootstrap modal-dialog

所以我有一个应用程序,用户可以从下拉列表中选择一个类别。我想为他们提供创建新类别的选项(如果他们愿意),因此下拉列表中的最后一个选项是“创建您自己的类别”

我可以使用以下方法获取他们选择最后一个的事件:

        $("#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' 

我在 header 中链接了 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>

最佳答案

避免多次加载 JQuery 文件,或者加载 bootstrap.js 或 bootstrap.min.js 以及 bootstrap-modal.js,因为这可能会导致问题...

关于javascript - 在下拉选择中显示 Bootstrap 模式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15230587/

相关文章:

javascript - 如果标签不检查所有类,只检查第一个类

css - Bootstrap 是否导入了两次?

php - 帖子链接在 768px 以下不起作用

javascript-正则表达式仅验证特定网址

javascript - 如何在 textarea 字段上附加两个类?

javascript - 使用 nosql 作为浏览器扩展?

javascript - JQUERY - 单击后将 CSS 类添加到 BUTTON 元素

html - Bootstrap div 列高度更改其他 div 的位置

javascript - 使用css隐藏 slider 中的html元素

javascript - WASM 可以用来检查 JS 方法的完整性吗?