Question

我需要con1显示活动并加载页面上载。

这是我交换内容的代码。我正在使用外部php页面来交换内容时con1 con2的id等等我们点击了。

我想让con1显示页面的onload和显示活动的链接但是当你转到页面时它只显示我的div没有内容，直到点击链接。点击链接后，它会显示活动并且效果很好。

这是我的代码

$(document).ready(function() {
    $("a.topnav").click(function() {
        $("a.topnav.active").removeClass("active");
        $(this).addClass("active");
    });
});

function swapContent(cv) {
    var url = "content.php";
    $.post(url,{contentVar: cv},function(data){
        $("#myDiv").html(data).show();
    });
}

Answer 1

将class="active"添加到页面加载时需要处于活动状态的con1链接。

Answer 2

如果点击链接后一切正常，为什么不在$(document).ready上触发点击事件？

$(document).ready(function() {
    $("a.topnav").click(function() {
        $("a.topnav.active").removeClass("active");
        $(this).addClass("active");
    });

    $("#link1").click(); //trigger click
});

jquery swap content使页面默认加载

2 个答案: