2017-04-06 15 views
0

현재 ADA 준수를 위해이 탭 패널 (http://www.oaa-accessibility.org/example/35/)을 사용하고 있으며이 기능에 onmouseout을 추가해야합니다. 나는 자바 스크립트에서 꽤 끔찍한데, 어떻게 생각 하나?자바 스크립트 탭 패널에 onmouseout 이벤트를 추가하려면 어떻게해야합니까?

$(document).ready(function() { 
    var panel1 = new tabpanel("tabpanel1", false); 
}); 

는 내가 대답은

+0

2 당신이 JQuery와 또는 다른 자바 스크립트 라이브러리를 사용하고 있습니까? – Jpsh

+0

JQuery 1.11이 사용 중입니다 – hotrattz

+0

jquery를 태그로 추가 할 수 있습니까 – Jpsh

답변

0

이것은 u는 이벤트 당신이 jQuery를 사용하고 표시

$(document).ready(function() { 
    var panel1 = new tabpanel("tabpanel1", false); 
    $(panel1.$panel).mouseout(function(){ 
    ## do something 
    }); 
}); 
+0

그러면 탭 패널 div에 바인딩되어 언제든지 마우스를 끌 수있는 이벤트가 발생합니다 – adrianj98

0

밖으로 마우스를 얻을 탭 패널의 사업부 및 화재 언제 바인딩됩니다 아주 간단 확신 mouseleave 이벤트를 사용할 수 있습니다. 그래서 이벤트 여러 가지 방법으로 처리 할 수있는 : .bind() (최고의), .on() (더 나은), 또는 mouseleave() (확인). 예제는 아래를 참조하십시오.

$(document).ready(function(){ 
    var panel1 = new tabpanel("tablpanel1", false); 
    $(tablpane1).bind("mouseleave", function(){ 
     //code here 
    }); 
}); 

대체 1

$(document).ready(function(){ 
    var panel1 = new tabpanel("tablpanel1", false); 
    $(tablpane1).on("mouseleave", function(){ 
     //code here 
    }); 
}); 

대체

$(document).ready(function(){ 
    var panel1 = new tabpanel("tablpanel1", false); 
    $(tablpane1).mouseleave(function(){ 
     //code here 
    }); 
});