如何将外部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>