0

我使用数据类型 HTML 通过 $.post 在“.content”中加载 html。加载的内容有选择 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>
4

1 回答 1

0

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

于 2013-07-30T05:01:05.107 回答