2011-03-18 3 views
1

저는 첫 번째 jquery 프로젝트를 작업 중이며 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'; 
    } 
}); 
+0

나는 똑같은 문제를 겪고 있고 그걸 힘들게 치고있다. SimpleTip에 대한 버그라고 꽤 확신하고 있습니다. : – Bane

답변

0

내가 simpleTip에 익숙하지 난 ... 오프 모임을 켜고 할 수있는 버튼 중 하나의 예,하지만 당신이 묘사하고있는 상황은 친숙합니다.

가장 쉬운 방법은 클래스를 사용하여 항목을 설정/해제하는 것입니다. 그리고 위에있는 것들에 당신의 단순 기능을 등록하십시오. 당신은 선택이 당신의 ID가 jan3하고 해당 항목이 stateOn의 클래스가있는 경우, 해고 상태

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

이 선택 자체를 업데이트해야하는 라이브 jQuery를 사용할 수 있습니다. 상태를 올바르게 토글하는 코드를 작성하는 한, jquery는 올바른 항목을 실행하려고합니다.

+0

당신이 내 질문에 대답했다고 생각, 어떻게 하하 - 난 꽤 jquery와 멍청하네요. 그래서, 지금은 "오프"로 시작하는 각각의 다른 회의에 대한 변수를 사용하고 있습니다. 그리고 나서 "off"이면 해당 셀을 색칠하고 "on"으로 설정합니다. 대신 CSS 클래스를 사용하여이 작업을 수행해야한다고 말합니까? – Michael

+0

변수를 설정하는 코드에서 , 그냥 $ (SELECTOR_FOR_BLOCK) .addClass ('stateOn');와'.removeClass ('stateOn');'를 추가하면됩니다. 이것은 CSS 클래스 비트를 처리 할 것입니다 .. – JohnP

+0

. addClass하지만 여전히 .animate()를 통합하여 부드럽게 페이드 인 할 수 있습니다. – Michael

관련 문제