未捕获的类型错误: $(...).modal 不是一个函数 jquery。

Question

我有一个用于显示模态表单的jQuery脚本

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>


<script>
$(document).ready(function(){
    $(".manipulate").click(function(){
        $('#id_description').val();
        var item_keys = ['#id_counter', '#id_first_name','#id_middle_name', '#id_last_name', '#id_display_name', '#id_field', '#id_loa_price', '#id_basic_cert_price', '#id_written_appraisal_cost']
        for(var i=1; i<12; i++){
            var item_val = $(this).parent().parent().find('td:nth-child('+i+')')[0].innerText;
            console.log("InnerText is :"+ item_val);
            $(item_keys[i-1]).val(item_val);
        }
        $('#id_item').val($(this).attr('item_id'));
        $('#edititemModal').modal("show");
    });
});
</script>

如果我点击编辑按钮以显示模态表单，我会得到.modal不是一个函数的错误。

- uche

---

如果你添加标记，它会非常有用。 - rrk

这里可以正常工作：http://jsfiddle.net/jn81w7ym/1/，请确保正确引入了Bootstrap。 - Adam Konieska

可能是Bootstrap modal: is not a function的重复问题。 - Anph

Answer 1

<script type="text/javascript">

不是

<script>

也要按照正确的顺序进行操作： Bootstrap模态框：不是一个函数

- Destrif

---

从HTML 5开始，type属性是可选的，强烈建议不要在包含JavaScript的脚本元素中使用它。 - Quentin

Answer 2

我在将库添加到index.js后解决了这个问题。我们认为你需要这个库bootstrap.js，请将其添加到index.js中，希望您的代码能够正常运行。

- Kuldeep Kumar