아코디언 헤더에서 클릭이 이벤트 전파되는 것을 방지하려면 어떻게해야합니까?

Question

jquery sortable plugin에 문제가 있습니다. 실제로, 나는 아코디언과 분류가 가능한 항목 (질문)을 가지고있다.

각 질문 아코디언에 추가 콘텐츠를 표시하려면 sortable 업데이트 이벤트를 사용합니다.

그러나 문제는 질문을 정렬 한 후 이동 한 아코디언이 자동으로 열립니다.

는 여기에 문제 재현 간단한 예입니다 : 질문을 정렬 http://jsfiddle.net/JwzH2/1/

시도를, 당신은 (제대로 때때로 작동, 그래서 다시 시도 할 수 있습니다) 아코디언 개방 자체를 볼 수 있습니다.

누군가가 문제를 해결하는 방법에 대해 알고 있습니까?

편집 : Fosco는 부분적으로 작동하는 솔루션을 제공했지만 여전히 문제가 있습니다.> 동적으로 추가 된 요소에는 문제가 있습니다 (그의 답변에 대한 내 의견 참조).$('.hidden-content', question).show();:

은 또한, 나는 여전히이 선없이 작업 코드를보고 놀라게하고있다. http://jqueryui.com/demos/accordion/sortable.html

$(function() { 
    var stop = false; 
    $("#accordion h3").click(function(event) { 
     if (stop) { 
      event.stopImmediatePropagation(); 
      event.preventDefault(); 
      stop = false; 
     } 
    }); 
    $("#accordion") 
     .accordion({ 
      header: "> div > h3" 
     }) 
     .sortable({ 
      axis: "y", 
      handle: "h3", 
      stop: function() { 
       stop = true; 
      } 
     }); 
}); 
</script> 

공지 사항의 사용 : 사실, 이벤트 전파는 같은과와

http://jsfiddle.net/JwzH2/38/

Answer 1

내가 당신의 대답은의 jQuery UI에서 샘플 코드 여기에있다 생각이 줄없이해야한다 stop 변수 및 분류 메커니즘과 클릭 핸들러 모두에 의해 어떻게 잡히고 조작되는지를 보여줍니다.

편집 : 오늘 아침에 동적 콘텐츠 문제로 약간의 시간을 보냈습니다. 새 항목이 추가되면 아코디언 및 적절한 클릭 핸들러를 삭제하고 다시 설정합니다. 클릭 핸들러 설정과 아코디언 설정을 함수로 이동하고 처음에 호출하고 새 항목을 추가 할 때 호출합니다. 너무 빨리 일어나서 깜박 거리거나 시각적 인 문제는 보이지 않지만 마일리지는 다를 수 있습니다. 여기에 총을내어주세요 : http://jsfiddle.net/JwzH2/41/