Question

我有一个菜单div，显示/隐藏基于jQuery的点击，但当你把它们放入...想法时，没有一个链接是活动的？

我在列表中只有一个项目是超链接。一旦我可以将其工作，我会将其添加到其余项目中..但是，一个链接不起作用。

的jQuery

  $(".sign_in").click(function() {
      $("#sign_box").toggle();     
      return false;
  });
  $("body #main").click(function() {
      $("#sign_box").hide();
      return false;
  });

CSS

#sign_box
    {
    -webkit-box-shadow: rgba(0, 0, 0, 0.296875) 0px 3px 3px;
    width:170px; 
    background-color:#FFF; 
    border: 5px solid #CCC; 
    padding:8px;
    position:absolute;
    display:none;
    z-index: 100;
    line-height: 16px;
    border-bottom-left-radius: 5px 5px;
    border-bottom-right-radius: 5px 5px;
    border-top-left-radius: 5px 5px;
    border-top-top-radius: 5px 5px;
    color: #555;
    font-weight: bold;
    text-decoration: none;
    -moz-border-radius-topright:6px;
    -moz-border-radius-bottomleft:6px;
    -moz-border-radius-bottomright:6px;
    -webkit-border-top-right-radius:6px;
    -webkit-border-bottom-left-radius:6px;
    -webkit-border-bottom-right-radius:6px;
    }
    .sign_in
    {
    color: White;
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
    background-color:#53A1DC; 
    border-bottom-left-radius: 4px 4px;
    border-bottom-right-radius: 4px 4px;
    border-top-left-radius: 4px 4px;
    border-top-top-radius: 4px 4px;
    border:solid 1px #5ea0c1;
    padding:6px;
    }
    a.sign_in span 
    {
        background-image: url("../images/toggle_down_light.png");
        background-position: 100% 50%;
        background-repeat: no-repeat;
        padding-right: 18px;
    }

HTML

<div><a href="#" class="sign_in"><span>User Options</span></a></div>
<div id="sign_box">
<ul class="account-links">
    <li><a href="../raceday/events/list">All Events</a></li>
    <li>My Events</li>
    <li>My Profile</li>
    <li>All Clubs</li>
    <li>Change My Password</li>
    <li>My Dependants</li>
</ul>
</div>

Answer 1

只有其中一项是一个链接，即“所有活动”条目。将锚标记添加到其余部分或通过js关联单击事件导航以使它们实际执行某些操作...

如果你确实已经连接了js代码，这使得li项菜单出现在某个地方你应该向我们展示代码......

在jQuery中显示切换Div的链接不活跃

1 个答案: