如何在特定条件为真时仅显示简单提示？

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会照顾正确的项目。