Question

下面的JSFiddle链接。如何切换此菜单以在点击时打开和折叠？我的JQuery有一个POST请求问题，我不知道为什么我甚至需要这样的东西。

HTML

<div id="navi1" class="navi">
    <ul>
        <li><a href="">Link1</</li>
        <li><a href="" class="sel">Link2</</li>
        <li><a href="">Link3</</li>
        <li><a href="">Link4</</li>
        <li><a href="">Link5</</li>
        <li><a href="">Link6</</li>
        <li><a href="">Link7</</li>
        <li><a href="">Link8</</li>
    </ul>
</div>

CSS

#navi1 ul {
    margin:0;
    padding:0;
    position:relative;
}
#navi1 li a {
    display:block;
    position:absolute;
    top:0;
    width:300px;
    background:pink;
    z-index:998;
}
#navi1 li a.sel {
    z-index:999;
}

JQuery的

$(document).ready(function () {
    $("#navi1").click(function () {
        $("#navi1 li a").css("position", "relative");
    });
});

http://jsfiddle.net/Sj2bD/

Answer 1

不确定这种正确的做法，但是将javascript:;添加到你的锚点的href会阻止锚点的默认操作执行：

<li><a href="javascript:;">Link1</a></li>


$(document).ready(function () {
   $("#navi1").click(function () {
       $("#navi1 li a").css("position", "relative");
   });
});

代码：jsFiddle

在JQuery中使用切换CSS（JSFiddle）：POST请求？

1 个答案: