如何在特定條件爲真時僅顯示簡單提示？

Question

我正在處理我的第一個jquery項目，並且有一個關於simpletip插件的問題。我基本上有一個日曆，用戶可以點擊不同的會議標題，相應的日期會以某種顏色顯示。然後，我使用簡單提示在用戶懸停在該日期時顯示有關會議的更多詳細信息。

我想要的是簡單點只顯示單元格是否着色或「開」。當日歷空白並且沒有激活會議時，我不希望所有簡單提示都顯示出來。

我已經嘗試使用if語句與.mouseover（） - 這首先起作用，當單元格關閉，沒有simpletip。會議開啓並着色之後，第一個鼠標懸停沒有任何作用，然後第二個鼠標懸停顯示簡單提示，然後簡單提示即使在單元關閉後仍保持活動狀態。

        $("#jan3").mouseover(function() { 
      if (meeting1 = "on") { 
        $(this).simpletip({   
               content: '<b>Meeting</b><br/>&nbsp;9:00-11:00<br/>&nbsp;Some Room' 
             }); 
      } 
     }); 

希望這是有道理的...請幫助！

預先感謝您

*編輯：這裏是打開一個會議，並關閉...

$(".button1").click(function() {   
    if (meeting1 == "off") { 
     $(".meeting1").stop().animate({ backgroundColor: "#009460", color: "white" }, 1000); 
     $(".meeting1").css("cursor", "pointer"); 
     plsc = 'on'; 
    } 
    else { 
     $(".meeting1").stop().animate({ backgroundColor: "white", color: "black" }, 1000); 
     $(".meeting1").css("cursor", "default"); 
     plsc = 'off'; 
    } 
}); 

Answer 1

我不熟悉simpleTip其中一個按鈕的例子，但你所描述的情況很熟悉。

最簡單的解決方案是使用類來表示哪些條目打開/關閉。並註冊您的simpletip功能，只有那些只。您可以使用jQuery的現場有選擇自我更新與美國

$("#jan3.stateOn").live('mouseover', function() { 
      $(this).simpletip({ 
      content: '<b>Meeting</b><br/>&nbsp;9:00-11:00<br/>&nbsp;Some Room' 
      }); 
    }); 

這個選擇，如果你的ID是jan3和該項目有一個類的stateOn將開火。只要你編寫代碼來正確切換狀態，jquery會照顧正確的項目。