在我的网站上,我有一个菜单,可以异步加载内容。有没有办法提供菜单上每个项目的链接?
这是我的jQuery:
$(document).ready(function()
{
init();
$(window).resize(init);
$('#floatMenu,#smallMenu').find('>a').click(function()
{
var t = this;
$('#wynik').animate({opacity:0}, 'fast', function()
{
$(this).load(t.href, function()
{
$(this).animate({opacity:1}, 'fast');
})
});
//$('#wynik').load(this.href);
$(this).addClass('active').siblings().removeClass('active');
}).first().click();
});
这是我的HTML代码:
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="list-group" id="smallMenu">
<a href="text/bc/5" onclick="return false;" class="list-group-item active">TEXT</a>
<a href="text/bc/1" onclick="return false;" class="list-group-item">TEXT</a>
<a href="text/bc/2" onclick="return false;" class="list-group-item">TEXT</a>
<a href="text/bc/3" onclick="return false;" class="list-group-item">TEXT</a>
<a href="text/bc/4" onclick="return false;" class="list-group-item">TEXT</a>
</div>
</div>
</div>
<div class="col-md-9">
<div id="wynik">
{* Here is content loading. *}
</div>
</div>
</div>
</div>
链接中的ID是否已完成?