直接链接到异步加载的内容

时间:2014-10-14 08:35:25

标签: javascript jquery html asynchronous

在我的网站上,我有一个菜单,可以异步加载内容。有没有办法提供菜单上每个项目的链接?

这是我的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是否已完成?

0 个答案:

没有答案