我使用的是Bootstrap中内置的材料前端。尝试使用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">×</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>
我在find函数上遇到了问题。我不是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)
我错过了什么吗?
发布于 2018-06-14 21:52:03
就是找到了。问题是由旧版本的Prototype Javascript Frameword引起的。
有一个插件包含了Wordpress头文件的脚本。
发布于 2018-06-13 04:40:44
您是否在Bootstrap库之前包含了jQuery库?这个错误看起来很眼熟,我想这就是我遇到的问题。
https://stackoverflow.com/questions/50824144
复制相似问题