jQuery的：提示能見度

我現在有我的網頁上以下JavaScript：jQuery的：提示能見度

function tooltip(top, left, speed, easing, callback) { 
    $(".tooltip").css({"margin-top": top, "margin-left": left}); 
    var state; 

    if(state!="1") { 
     if($(".tooltip .anchor").css("display")=="none") { 
      var state="1"; 
      $(".tooltip .anchor").fadeIn("250"); 
      $(".tooltip .bubble").fadeIn("250"); 
     } 
     else { 
      var state="0"; 
      $(".tooltip .anchor").fadeOut("250"); 
      $(".tooltip .bubble").fadeOut("250"); 
     } 
    } 
}

...和下面的HTML：

<a href="javascript:;" onclick="board();"><span class="icon index">Board Index</span></a><a href="javascript:;" onclick="tooltip('10px', '140px', 'slow');"><span class="icon info">Information</span></a><a href="javascript:;" onclick="tooltip('10px', '225px', 'slow');"><span class="icon reply">Reply</span></a><a href="javascript:;"><span class="icon report">Report</span></a>

的HTML（「信息」和「回覆」，到目前爲止）鏈接到「工具提示」功能，該功能切換工具提示的顯示。

我的問題是這樣的：理想情況下，我可以按下一個按鈕，然後點擊另一個按鈕而不切換工具提示的顯示 - 只有位置和內容。這可能嗎？

非常感謝！

來源

2010-02-19 NiX

這麼多與你的榜樣狀態變量奇怪的事情 - 在這裏是一個重新寫這些固定：

function tooltip(top, left, speed, easing, callback) { 
    $(".tooltip").css({"margin-top": top, "margin-left": left}); 
    var state; 

    if(state != 1) { 
     if($(".tooltip .anchor").css("display")=="none") { 
      state = 1; 
      $(".tooltip .anchor").fadeIn("250"); 
      $(".tooltip .bubble").fadeIn("250"); 
     } 
     else { 
      state = 0; 
      $(".tooltip .anchor").fadeOut("250"); 
      $(".tooltip .bubble").fadeOut("250"); 
     } 
    } 
}

先不要使它成爲一個字符串，第二不重新申報（並隱藏另一個）在if語句中。

來源

2010-02-19 01:28:02 Hogan

是的 - 我確定我在那裏搞砸了。不幸的是，即使應用您的解決方案，工具提示仍會切換其顯示 - 即使狀態變量已被修改。你不會有任何解決方案，你呢？再次感謝！ – NiX 2010-02-19 02:14:52

我真的不明白你在做什麼，但看看這個link，看看它是否是你想要的結果。你可以查看源代碼，看看我是如何做到的。另外，在我的示例中，工具提示將顯示絕對定位到當前鼠標位置的x和y座標。

來源

2010-02-19 20:21:28 ryanulit

你的例子正好符合我的要求。不過，我期望通過點擊實現同樣的效果（即，點擊一次可見性，再次點擊淡入淡出）。這很難解釋。您是否知道瀏覽器上方的菜單（文件，編輯，查看等）？當你點擊一個，它會顯示，但懸停在另一個將保持可見性沒有任何動畫。感謝您的鏈接，但！ – NiX 2010-02-20 04:20:50

我明白你的意思了。這個鏈接插件p.sohei.org/jquery-plugins/menu正是你正在尋找的。點擊演示和示例頁面鏈接以查看它的實際運行情況。 – ryanulit 2010-02-22 16:26:43

jQuery的：提示能見度

回答

相關問題