如果某些條件為真，如何僅顯示simpleTip？

Question

我正在開發我的第一個jquery項目，並且對simpletip插件有疑問。 我基本上有一個日歷，用戶可以在其中單擊不同的會議標題，並且相應的日期以某種顏色顯示為陰影。 然后，當用戶將鼠標懸停在該日期上時，我將使用simpletip來顯示有關會議的更多詳細信息。

我想要的是僅在單元格為彩色或“開”的情況下顯示的simpletip。 當日歷為空白且未激活會議時，我不希望所有簡單提示都顯示出來。

我嘗試過使用帶有.mouseover（）的if語句-最初，當單元格關閉時，這沒有任何提示。 會議打開並着色后，第一個鼠標懸停不執行任何操作，然后第二次鼠標懸停顯示簡單提示，然后即使關閉了該單元格，該簡單提示仍保持活動狀態。

        $("#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就會為正確的項目觸發觸發。