한 번의 클릭으로 두 개의 기능을 수행합니다.

Question

키오스크를위한 사이트를 만들고 있으므로 사이트는 각 div 사이에 포토 슬라이드처럼 보입니다.

첫 페이지에 layover/mask를 넣었고 마우스 오버시 마스크가 제거되었습니다. 그런 다음 도중 하차를 제거하려면 마우스를 클릭

$("#item1").append('<div id="pageLayover"></div>'); 
$(document).click(function(){ 
    $("#pageLayover").remove(); 
}); 

매번 (사이드 참고로이 첫 페이지로 키오스크의 첫 번째 화면에 주소 표시 줄을 은닉하기위한 목적이다/DIV는이 태그입니다) 다른 시간을 클릭해야합니다. 그러면 첫 번째 태그 페이지가 두 번째 페이지로 넘어갑니다.

레이 아웃/마스크를 제거하고 동시에 첫 번째 페이지를 두 번째 페이지로 슬라이드시킬 수있는 방법은 두 가지가있을 수 있습니까?

여기 내 코드는 jsFiddle입니다. 모든 코드/링크/예제가 도움이 될 것입니다.

미리 감사드립니다.

Answer 1

귀하의 질문은 매우 혼란,하지만 어쩌면 이것이 당신이 찾고있는 해답 :

사실 두 번 클릭의 경유에 클릭을하려면, 당신은 단순히 첫 번째 패널의 클릭 이벤트를 트리거 할 수 있습니다 :

$('#pageLayover').live('click', function(e) { // <-- updated! 
    $("#pageLayover").remove(); // remove our layover from the DOM 
    $panels.eq(0).click(); // <-- trigger click event of 1st element of $panels 
}); 

이렇게하면 패널에서 클릭이 발생했는지 확인하지 않습니다.

---

이 함께 다수의 도중 하차와 함께 문제를 해결할 수 :

는

$('#wrapper').scrollTo($(this).attr('href'), 800,{ 
    onAfter: function(id){ 
     if ($('#pageLayover').length == 0) {    // <--- new 
      $("#item1").append('<div id="pageLayover"></div>'); 
     }            // <--- new