jquery .load()没有工作onclick

Question

我正在尝试设置一个站点,所以当页面加载时,会有一个div从我设置的.html页面中动态提取它的内容.我在顶部有一堆缩略图,当你点击一个时,我想要一个不同的.html文档中的内容来替换第一次动态加载的div中的每个内容.

为此,我尝试使用jquery .load()功能.我试图做的是设置一个功能:

<script type="text/javascript"> 
$(document).ready(function space_load() {

$('#SPACE_TOTAL').load('http://www.klossal.com/portfolio/space.html');
}
</script>

然后尝试使用以下命令启动它:

onclick="space_load();"

这不起作用,我想知道是否有人可以帮助我.我想知道的另一件事是,如果它能够工作,它会取代以前加载到那里的内容吗？我可能会得到一个自己的头,它就是这样做的.

Answer 1

首先,您的代码具有无效的结构

$(document).ready(function() {    
    function space_load() {
        $('#SPACE_TOTAL').load('http://www.klossal.com/portfolio/space.html');
    }    
    space_load(); //Now call the function
});

但是,您可以将其修剪下来

$(function() {
    $('#SPACE_TOTAL').load('http://www.klossal.com/portfolio/space.html');
});

但是,因为你想要点击一个元素.这就是你需要的:

$(function() {
    $("#yourlinkid").click(function() {
        $('#SPACE_TOTAL')
           .html('<img src="preloader.gif" />')
           .load('http://www.klossal.com/portfolio/space.html');
    });
});