위치 목록을 표시하기 위해 페이지가없는 솔루션을 사용하고 있습니다. 이 위치 중 일부는 상자에 추가 데이터가 표시 될 수 있도록이 jQuery 팝업을 포함합니다. 그러나 문제는 다음 ajax 추가시 페이지를 계속 이동하기 위해 추가 된 새 위치가 팝업 기능을 유지하지 않는다는 것입니다.추가 jQuery 팝업이 아약스 리턴 후 초기화되지 않았습니다.
페이지에 추가 된 새로운 팝업을 어떻게 초기화합니까?
<div data-role="popup" id="@l.location_id" data-corners="false" data-tolerance="50,30">
Content
</div>
고마워요!
페이지가로드되고 jQuery 모바일이 초기화되면 속성이 data-role="popup" 인 모든 div를 찾고 팝업을 초기화합니다. 문제는이 코드가 페이지로드시 한 번 실행되고 동적으로 생성 된 div가 등록되지 않는다는 것입니다. 당신은 그러나 새로 추가 된 사업부의 id 수 있습니다
$(selector).popup()
selector을 수행하여 프로그램 팝업 위젯을 초기화 할 수 있습니다.
감사! 새로운 팝업의 닫기 버튼에 대한 CSS도 페이지에 다시 소개되어야합니다. 이 일을 더 우아한 방법이 있습니까? –
흠, 나는 네가 무슨 뜻인지 너무 확신하지 못한다. 닫기 버튼의 모양이 다른 팝업과 동일하지 않다는 말씀입니까? 그렇다면 새로 추가 된 div에 동일한 CSS 클래스가 지정되어 있는지 확인해야합니다. 여기를보세요 [http://jsfiddle.net/3cbw2765/](http://jsfiddle.net/3cbw2765/) –
팝업이 초기화되는 방법을 표시하지 않지만 동적으로 만든 요소를 초기화하는 데 이벤트 위임을 사용해야 할 수도 있습니다. 더 많은 코드를 입력하십시오. – isherwood
초기화가 바로 있습니다. 참조 : http://demos.jquerymobile.com/1.4.3/popup/ –
안녕하세요. 인터넷을 통해 코드를 보려는 사람을 보내면 좋은 습관은 아닙니다. 귀하의 * code * here *를 귀하의 질문에 표시하십시오. – isherwood