鏈接不活躍在顯示切換在jQuery中的Div

我有一個菜單div顯示/隱藏基於點擊jQuery，但沒有一個鏈接是積極的，當你把他們在想法？鏈接不活躍在顯示切換在jQuery中的Div

我只在列表中有一個項目是超鏈接。一旦我能得到它的工作，我會將它添加到其餘的項目..但是，一個鏈接不起作用。

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>

來源

2010-10-10 Kevin

你是什麼意思與「沒有任何鏈接是積極的，當你把它們」？現在你只有_one_鏈接，其餘的只是文本。 – Alec 2010-10-10 00:15:40

我意識到別人實際上並沒有鏈接 - 一個是行不通的，所以我沒有添加其他的...... – Kevin 2010-10-10 00:20:29

在你的點擊事件中返回false不會停止典型的錨定行爲，也不需要定義你想要的「活動」，這是不清楚的。我建議你從樣式表和真實的HTML中刪除所有不需要的CSS，這樣我們就可以清楚地看到你正在做什麼。 – 2010-10-10 00:20:37

項目只有一個是一個鏈接時，「所有事件」條目。將錨標籤添加到其他地方或通過js關聯一個單擊事件導航，讓他們實際上做一些事情...

如果您確實已經連接了js代碼，這使得li項目菜單在某處顯示，您應該向我們展示該代碼也...

來源

2010-10-10 00:18:04 Tahbaza

我意識到其他人實際上並沒有鏈接 - 這是不工作的，所以我沒有添加其他的... – Kevin 2010-10-10 00:21:52

鏈接不活躍在顯示切換在jQuery中的Div

回答

相關問題