jquery 토글을 제어하는 ​​방법은 무엇입니까?

Question

var light = 'off'; 
$('#switch').toggle(function(){light='on'},function(){light='off'}); 


//in some case 
$('#something').mouseout(function(){light = 'off'}); 

예를 들어, 스위치를 클릭 한 다음 표시등이 켜져 있고, 그 시점에서 나는 마우스를 끈 채로 있고, 표시등이 꺼져 있고, 다시 조명을 켜고 싶습니다. 스위치는 다시 빛을 생각합니다. 계속 켜져 있고 light = off를 다시 실행하십시오. 이 문제를 해결하는 방법을 두 번 클릭하여 조명을 켜야합니까?

Answer 1

그런 경우에는 토글이 충분하다고 생각하지 않습니다. 토글 상태에 외부 영향을 미치기 때문입니다.

그래서 :

var light = 'off'; 

function toggleLight() { 
if (light == "off") 
    light = "on"; 
else 
    light = "off"; 
} 

$('#switch').click(toggleLight); 
$('#something').mouseout(function() { light = "off"; });