Question

我有一个导航栏，如下所示：

<a href="#head" class="navbar-icon iconactive" id="startIcon">

我动态创建：

$(".content").append("<div id="1"><section class='section' id='head'>.....);
$(".content").append("<div id="2"><section class='section' id='head'>.....);

head是当前显示的部分的id（我有2个div）。我想动态更改导航栏a href，具体取决于当前显示的div。

Answer 1

使用.toggle();

＆＃13;

$(function() {
    $('.toggle').on('click', function() {
       $('.content1').toggle();
       $('.content2').toggle();
    });
});

＆＃13;

.content2 {
    display: none;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<a href="javascript:void(0);" class="toggle">Toggle</a>
<div class="page">
    <div class="content1">:)</div>
    <div class="content2">:(</div>
</div>

＆＃13;

http://jsfiddle.net/fmkaj81p/

Answer 2

我很确定处理此问题的最佳方法是使用

http://api.jquery.com/index/

我理解你将第一个div视为可见，对吧？然后就在您的事件（可能是滚动或键盘输入或点击）隐藏div并显示其他事件时，只需将href更新添加到您的逻辑中

$("a").attr("href",$("newDiv").attr("id"));

还可以进入下一个链接，根据您的jQuery版本

开始自己的工作

http://api.jquery.com/attr/

如何动态更改href引用

2 个答案: