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 に答える