jQuery和CSS彈出式菜單鏈接問題

我正在開發使用CSS和jQuery的底欄菜單的過程。它本質上是一個持久性菜單，可讓用戶快速訪問網站的不同功能。jQuery和CSS彈出式菜單鏈接問題

酒吧由小圖標（類「菜單項」），當懸停時顯示一個小的上下文菜單與多個選項。這個div內的選項是可點擊的，但圖像圖標本身也應該是可鏈接的。

html的結構如下，其中#profile的CSS指定了該按鈕的特定圖像。

<div id="profile" class="menu-item"> 
    <div id="profile-tip" class="tip tip-submenu"> 
    <div class="tip-profile">--Profile Content--</div> 
    </div> 
</div>

當圖像被懸停時，「簡檔尖」分區變得可見，這是使用以下JavaScript

$(".menu-item").hover(function() { 
    $(this).find("div").fadeIn("fast").show(); //add 'show()'' for IE 
$(this).mouseleave(function() { //hide tooltip when the mouse moves off of the element 
    $(this).find("div").hide(); 
}); 
});

簡而言之實現，我想輪廓圖標，可點擊並說，鏈接到頁面「profiles.php」。我認爲這可以通過應用可以輕鬆實現以下幾點：

<div id="profile" class="menu-item" onClick="window.location.href='profiles.php'"> 
    <div id="profile-tip" class="tip tip-submenu"> 
    <div class="tip-profile">--Profile Content--</div> 
    </div> 
</div>

當應用該解決方案，它會導致在彈出菜單中所做的任何點擊（即不上的圖標本身）也鏈接到同一地點。

非常感謝，如果你能解讀上述並提供一些幫助。願意在必要時提供更多信息。

來源

2011-03-18 Sam

我在這裏煮點東西給你：http://jsfiddle.net/qstv9/

試試吧:-)

來源

2011-03-18 06:35:53 moe

喜萌，好像你的代碼工作優秀的，我只是在他的介紹讀到，他也很喜歡裏面的選項div（tooltip）是可點擊的，還是我錯了？ – 2011-03-18 10:20:49

嗨萌，謝謝你的回覆。 Wouter是正確的，「div」（工具提示）中的選項應該是可點擊的。本質上它變成了一個彈出式菜單。因此，當我將鼠標懸停在第一個灰色方塊上時（點擊該鏈接將我鏈接到配置文件時），div會顯示多個其他鏈接（可單獨點擊）。任何進一步的幫助，將不勝感激:) – Sam 2011-03-20 07:42:28

現在稍微修改了這個問題，我有一個更好的瞭解它是什麼，我後： http://stackoverflow.com/questions/5373386/jquery-find-div -幫幫我 – Sam 2011-03-21 03:00:19

jQuery和CSS彈出式菜單鏈接問題

回答

相關問題