首页 文章

TypeError：$（...） . modal不是我脚本中的函数

提问于
浏览 次
0

当我点击多个项目的“分配运输”时，我遇到了这个问题，控制台引用的代码是

$(document).ready(function() {
//display mp shipping list in popup
    $(document).on('click', '.assign_shipping', function(e) {e.preventDefault();
$('#assign_shipping_form').modal('show');
    });

问题在第4行，有趣的是，如果我将jquery版本更改为3.它将允许我点击它，但其他错误显示与应用程序相关 . 我不知道如何解决它 .

javascript jquery

3 回答

  • 0
    $( ".selector" ).dialog({
    modal: true
});

    对jquery ui文档的引用：http://api.jqueryui.com/dialog/#option-modal

    你似乎指的是一个bootstrap方法：https://getbootstrap.com/docs/4.1/components/modal/#via-javascript

    回复于
  • 0

    脚本顺序存在问题 . 按此顺序加载它们：

    <!-- jQuery -->
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<!-- BS JavaScript -->
<script type="text/javascript" src="js/bootstrap.js"></script>
<!-- Have fun using Bootstrap JS -->

    加载所需文件后 .

    <script type="text/javascript">
$(document).ready(function() {
    //display mp shipping list in popup
        $(document).on('click', '.assign_shipping', function(e) {e.preventDefault();
    $('#assign_shipping_form').modal('show');
        });
</script>
    回复于
  • 1

    假设您使用的是Bootstrap模式，则 #assign_shipping_form 元素不是模态，或者在调用方法之前未设置脚本引用 . 仔细检查并确保引用了引导程序JS文件 .

    如果使用其他供应商，则同样适用 .

    回复于

相关问题