2014-04-21 4 views
0

JQueryUI datepicker를 사용하여 인라인 모드를 표시합니다. 페이지로드시 내 일정에 이벤트를 채 웁니다. 그러나 내가 그것을 클릭하면 (어떤 곳에서든지), 나의 사건은 제거되었다. 나는 datepicker가 reinit되었다고 생각한다. 어떻게 방지 할 수 있습니까?JQueryUi datepicker stop 마우스를 올려 놓을 때

$('table').mouseup(
function() { 
    $('td').unbind('mousedown mousemove'); 
}); 

나는이 두 가지 방법을 시도하지만 도움이되지 못했습니다. 도움 주셔서 감사합니다.

<div id="datepicker"></div> 
$("#datepicker").datepicker({ firstDay: 1 }); 

<div class="main"> 
    <?php $this->renderPartial('_dashboard_menu'); ?> 
    <section> 
     <div class="container"> 
      <div class="row"> 
       <div class="span12"> 
       <div id="datepicker"></div> 
       </div> 
      </div> 
     </div> 
    </section> 
</div> 
+0

datepicker 코드는 어디에 있습니까? –

+0

나는 내 질문에 그것을 추가합니다. – styopdev

+0

테이블이있는 곳의 전체 HTML을 공유하십시오. –

답변

0

나는이 목적으로 자바 스크립트가 필요 없다고 생각합니다. 순수 CSS를 사용하십시오. datepicker는 jquery ui css 파일에서 스타일을 가져옵니다. 따라서 datepicker에 대한 사용자 정의 스타일을 원한다면 적절하게 수정할 수 있습니다. 그렇지 않으면 style 속성 뒤에 "! important"를 사용하여 custom CSS를 개별적으로 사용할 수도 있습니다. 예 : datepicker의 날짜는 기본적으로 td 내에 ".ui-state-default"클래스가있는 앵커입니다. 그래서 당신은 배경 색상을 변경하려면 :

.ui-state-default:hover {background:red!important;} 

또는

.ui-state-default.ui-state-hover {background:red;} 

당신은 피해야한다 가능한 "중요!".

다음은 jsfiddle 링크입니다. http://jsfiddle.net/lotusgodkk/GCu2D/1/

+0

ssory 내 질문은 호버에 의존하지 않는다. 캘린더에서 이벤트를 채운다. 모든 이벤트를 삭제할 때 위젯이 onclick을 reinit했다고 생각한다. 호버 및 배경색이있는 코드 부분이 잘못되었습니다. – styopdev

관련 문제