jQueryUI 대화 상자가 jQuery.load를 통해로드 된 페이지에서 작동하지 않습니다.

Question

jQuery UI 대화 상자에 대한 샘플 코드를 시도하고 작동하도록했습니다. 해당 파일을 page1.html로 저장했습니다. 그러나 jQuery.load를 통해 해당 페이지를 PHP 페이지의 컨테이너 div (데이터 컨테이너)에로드하려고하면 페이지 1이 작동하지 않고 숨겨져 있어야하는 모든 항목이 표시됩니다.

두 페이지의 CSS와 js 세트가 있습니다. 해당 CSS/js가 서로의 페이지에 방해가되지 않는 방법이 있습니까? 또는 jquery의로드 함수를 사용할 때로드 된 페이지는 부모 (PHP 페이지)가로드 된 CSS/js를 사용합니까? 이 경우 내 문제를 어떻게 해결할 수 있습니까?

감사합니다.

Answer 1

알 수 있습니다. 위의 설명에서 anpsmn의 조언을 취한 후에도 여전히 작동하지 않았기 때문에 내가 한 것은 page1.html의 대화 상자에 대한 CSS/JS 참조를 상위 페이지 (PHP 페이지)로 옮겼습니다.

그래서,이 코드가 포함 된 JS :

$('#data-container').load('page1.html', function() { $("#dialog").dialog(<my dialog stuff>); }); 

오히려 page1.html보다 상위 페이지 (PHP 페이지)에서 참조 할 이동되었다. 부모님 페이지에 페이지 (page1.html)가로드 된 후 대화 상자가 초기화되므로 의미가 있다고 생각합니다.

첫 번째 질문을 좋은 경험에 보내 주셔서 감사합니다. 희망을 좀더 배우고 희망적으로 질문에 답하고 그 다음에 대답하기를 바랍니다. ^^;