Question

我使用数据类型HTML通过$ .post在“.content”中加载html。加载的内容有select 2 jquery插件。当我第一次加载页面时它工作正常，Select2插件被执行但如果我回去再加载它然后我得到错误

TypeError: $(...).select2 is not a function

加载ajax的代码是

(".body .content").on("click", ".process_record", function(e){
        var url = $(this).attr("data-url");
        $.post(url, function(data){
            $(".body .content").html(data);
        },"html");
    })

通过$ .post

加载的内容

<script type='text/javascript' src='js/plugins/jquery/jquery-1.9.1.min.js'></script>
<script type='text/javascript' src='js/plugins/bootstrap/bootstrap.min.js'></script>
<script type='text/javascript' src="js/plugins/select/select2.min.js"></script>
<script type="text/javascript">
    $(".select").select2();
</script>

一些html ....和

<select name="bank_id" class="select" style="width: 100%;" tabindex="1">
  <option value="0">Select...</option>
  <option value="1">Option</option>
 </select>

Answer 1

看起来内容是在javascript初始化之后加载的。如果您将脚本放入文档准备就绪，或将其发送到页面底部，它应该可以正常工作。

jQuery没有通过$ .post评估函数

1 个答案: