스위칭 기능 상태

Question

전등 스위치와 비슷한 일종의 자바 스크립트 API를 구현하고 싶습니다.

예를 들어 실제 HTML 페이지에는 UI로 작동하는 두 개의 버튼이 있습니다.

두 단추에는 다른 기능을 호출하는 이벤트 처리기가 있습니다.

각 기능에는 상태와 같은 코드가 있습니다.

button1.onclick=function(){ 
    $("div").click(
     //code effects 2 
    ) 
} 

button2.onclick=function(){ 
    $("div").click(
     //Code effects 2 
    ) 
} 

코드는 표면에서 잘 작동하지만 2 개의 상태 함수가 겹칩니다.

효과는 문서의 다음 다시로드까지 남은 시간 동안 발생합니다.

기본적으로 달성하고자하는 것은 1 버튼을 클릭하면 다른 버튼에서 호출 한 기능의 상태를 "OFF"로 전환하고 그 반대도 마찬가지입니다.

따라서 달성 된 효과는 중복되지 않습니다.

어쨌든 이것을 달성하거나 전문가가 올바른 방향으로 나를 가리킬 수 있습니다.

미리 감사드립니다.

Answer 1

이렇게하려면 '상태'를 저장하기 만하면됩니다. 당신은 on/off 정보를 단순히 쿠키에 저장할 수 있습니다. 각 자바 스크립트 함수는 쿠키의 값을 확인 및/또는 업데이트 할 수 있습니다.

페이지로드에 당신은 당신이 원하는대로에 쿠키에 초기 상태를 설정할 수 jQuery를, 샘플을 사용

(온/오프) :

$(document).ready(function(){ 

    //set cookie to OFF state during initial load 

    //add event handler for On button 
    $('#buttonOn').click(function(){ 
     //set cookie to ON 
    }); 

    //add event handler for Off button 
    $('#buttonOff').click(function(){ 
     //set cookie to OFF 
    }); 

}); 

jQuery를 쿠키 지원을위한 많은 플러그인을 가지고있다. 내가 사용한 최고의 코드는 다음과 같습니다. http://www.stilbuero.de/2006/09/17/cookie-plugin-for-jquery/