如何将外部 html 加载到 div 中？

Question

我已经使用 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> 

Answer 1

您需要将代码包装在 jQuery.ready() 函数中，因为您必须等待 DOM 完全加载。

<script type="text/javascript">
    $(document).ready(function(){
        $('#zaladuj').click(function () { 
            $(this).load('s1.htm'); 
        }); 
    });
</script>

Answer 2

<script type="text/javascript"> 
    $('#zaladuj').click(function () { 
        $.ajax({
            context: this,
            dataType : "html",
            url : "s1.htm",
            success : function(results) {
                $(this).html(results);
            }
        });
    }); 
</script>