在下拉列表选择上显示bootstrap模式

时间:2013-03-05 17:44:28

标签: 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' 

我将标题中的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>

1 个答案:

答案 0 :(得分:4)

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