我正在尝试更改我网站的投资组合部分的内容。我有一个名为 .portfolio_box 的 div,其中包含项目的小预览(每个项目 div 也有不同的 id)。当您单击此 div (.portfolio_box) 时,我希望内容 div (#main_content) 的内容消失并替换为相应的内容。
我找到了以下教程并根据我的需要调整了脚本:
<script type="text/javascript">
$(document).ready(function()
{
$("#thomasschoof_old").click(function()
{
/*hide( 'fast', function()
{
$('#main_content').load(thomasschoof_old.html,'',showNewContent);
} );
var toLoad = $(this).attr('href')+' #main_content'; */
$('#main_content').hide('fast',loadContent);
$('#page').append('<span id="load">LOADING...</span>');
$('#load').fadeIn('normal');
});
function loadContent()
{
$('#main_content').load('thomasschoof_old.html #project','',showNewContent)
}
function showNewContent()
{
$('#main_content').show('normal',hideLoader);
}
function hideLoader()
{
$('#load').fadeOut('normal');
}
return false;
});
</script>
但是当我点击 div #thomasschoof_old 时,什么也没有发生。我不太了解 jQuery 或 Javascript(只是进入它),我真的无法弄清楚。
您可以在此处查看网页:http: //jowannes.com/thomasschoof/portfolio.html
我希望有人可以帮助我,在此先感谢!托马斯