web-dev-qa-db-ja.com

外部htmlをdivに読み込む方法は?

Jqueryを使用してこの小さなコードを作成し、外部HTMLファイルをdivにロードしましたが、機能しません。アイデアが不足しています。他のjqueryコードはすべて正常に機能します。感謝の気持ち:

<div id="zaladuj"> 
load external html file
</div> 
<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript"> 
    $('#zaladuj').click(function () { 
        $(this).load('s1.htm'); 
    }); 
</script> 
8
user2660811

DOMが完全に読み込まれるまで待機する必要があるため、コードを jQuery.ready() 関数内にラップする必要があります。

<script type="text/javascript">
    $(document).ready(function(){
        $('#zaladuj').click(function () { 
            $(this).load('s1.htm'); 
        }); 
    });
</script>
7
Fouad Fodail
<script type="text/javascript"> 
    $('#zaladuj').click(function () { 
        $.ajax({
            context: this,
            dataType : "html",
            url : "s1.htm",
            success : function(results) {
                $(this).html(results);
            }
        });
    }); 
</script> 
1
Maciej Treder