Question

我正在尝试使用jquery为几个div内容创建制表符效果。此刻，还有一个项目列表，当您单击时，它会触发具有匹配ID作为超链接的div。但是我希望能够在内容DIV中有一个额外的功能，你点击的链接，它将显示它之后的下一个div，以及突出显示它所在的当前div。

除了突出显示与您正在查看的当前DIV相匹配的导航外，我已经完成了所有工作，这是从内容DIV中的内部链接触发的。

希望理解不会太混乱，下面是我到目前为止的一些代码。

HTML：

<div>
    <div id="page1">
        <p>xxx</p>
        <p><a href="#page2">Continue &raquo;</a></p>
    </div>
    <div id="page2">
        <p>xxx</p>
    </div>
</div><!-- /tabContainer -->
<div>
    <span>Page</span>
    <ul>
        <li><a href="#page1">1</a></li>
        <li><a href="#page2">2</a></li>
    </ul>
</div><!-- /pagination -->

的javascript：

$(".tabContent").hide();
$("ul.tabs li:first").addClass("active").show();
$(".tabContent:first").show();

$("ul.tabs li").click(function(e) {
e.preventDefault();
    $("ul.tabs li").removeClass("active");
    $(this).addClass("active");
    $(".tabContent").hide();

    var activeTab = $(this).find("a").attr("href");
    $(activeTab).fadeIn();
    return false;
});    

$(".continue").click(function(e) {
    e.preventDefault();
    var activePage = $(this).attr("href");
    $(this).parent().parent().hide();
    $(activePage).fadeIn();

    $("ul.tabs li").removeClass("active");
    $("ul.tabs li > a[href='activePage']").addClass("active");
});

Answer 1

除了突出显示您正在查看的当前DIV的导航内容之外，我已经完成了所有工作，除了内容DIV中内部链接触发的当前DIV。

试试这段代码：

$("ul.tabs li > a[href='"+activePage+"']").addClass("active");

如果你把变量放在“”中，它就不会被视为一个变量（虽然它可以在PHP中工作，除非它是单引号）。：）

jQuery使用链接/控制器显示隐藏内容/ div

1 个答案: