Question

我正在通过ajax加载bootstrap模式对话框。对于第一次调用，它会很好，但在后续调用中，它会开始给出错误，它无法找到jquery。

父页面包含jquery，bootstrap库和模态

<div class="modal fade" id="profile_Modal" tabindex="-1" role="dialog"  aria-labelledby="profileModalLabel"
 aria-hidden="true"></div>

在这个页面中，我通过ajax调用包含了一个部分。本节有一个链接到#profile_Modal中的加载模式以及加载模式对话框的ajax调用。本节再次包含引导程序库。

$('.action-icon .edit').click(function(e){
        e.preventDefault();
        var url = some url;
        $('#profile_Modal').load(url, function () {
            jQuery.noConflict();
            $('#profile_Modal').modal('show');
        });
    });

包含的代码片段是这样的，只有必需的库，如autoresize.jquery.min.js，jquery.form.js和jquery.validate.min.js

<div class="modal-dialog" id="book_review_dialog">
<div class="modal-content">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title text-center" id="booReviewModalLabel">
            <span class="glyphicon glyphicon-edit"></span>&nbsp;&nbsp;Write Review</h4>
    </div>
    <form id="save_review_form" method="post" action="some url">
        <div class="modal-body">
          ....
        </div>
        <div class="modal-footer" >
          <button type="button" class="btn btn-default" data-dismiss="modal">Not Now</button>
          <button type="submit" class="btn btn-primary btn-continue">Save</button>
        </div>in
    </form>
</div>

我在后续调用中遇到的错误是它无法识别像

这样的库

TypeError: $(...).autoResize is not a function
* jQuery Validation Plugin 1.9.0

我正在使用jquery 2.1.1和bootstrap 3.1.0

Bootstrap动态模态第二次无法找到jquery

0 个答案: