Question

我正在使用一个内置在Bootstrap中的Material前端。尝试使用JQuery编辑modal component：

的值

<div class="modal fade" id="formMail" tabindex="-1" rmle="dialog" aria-labelledby="formMailLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="formMail_title">Send</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
            </div>
            <div class="modal-footer">
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">

    $('#formMail').on('show.bs.modal', function (event) {
        var modal = $(this);
        modal.find('.modal-title').text('It works!'); // <<<< problem here!
    })

</script>

我遇到了查找功能的问题。我不是JQuery的专家，但是当我使用$（this）时，我想它将被视为Jquery对象。

完整的错误是：

Uncaught TypeError: modal.find is not a function
    at HTMLDivElement.<anonymous> (cursos:439)
    at HTMLDivElement.dispatch (jquery-3.3.1.min.js?ver=3.3.1:2)
    at HTMLDivElement.y.handle (jquery-3.3.1.min.js?ver=3.3.1:2)
    at Object.trigger (jquery-3.3.1.min.js?ver=3.3.1:2)
    at HTMLDivElement.<anonymous> (jquery-3.3.1.min.js?ver=3.3.1:2)
    at Function.each (jquery-3.3.1.min.js?ver=3.3.1:2)
    at w.fn.init.each (jquery-3.3.1.min.js?ver=3.3.1:2)
    at w.fn.init.trigger (jquery-3.3.1.min.js?ver=3.3.1:2)
    at o.p.show (modal.js:121)
    at HTMLDivElement.<anonymous> (modal.js:516)

我错过了什么吗？

Answer 1

你是否在Bootstrap库之前包含了jQuery库？错误看起来很熟悉，我认为这是我遇到的问题。

Answer 2

刚刚找到它。问题是由Prototype Javascript Frameword的旧版本引起的。

有一个插件包含Wordpress标题的脚本。

JQuery - $（this）.find（）不是函数

2 个答案: