div에 url을로드하는 중입니다. div가 URL과 함께로드되기 때문에 부모 페이지 레이아웃을 방해하는 CSS 파일이 포함되어 있습니다. 나는 페이지를 다른 콘텐츠를 방해하지 않을 수 있도록 해당 div로드하는 경우에만 CSS를 제한하고 싶습니다. jquery와 dragdrop 작업이 있고 부모 페이지에서 iframe으로 요소를 드래그하는 좋은 방법을 지원하지 않기 때문에 iframe을 사용하고 싶지 않습니다. 거기에 어떤 해결책이 있습니까?URL을 사용하여 div를로드하는 동안 CSS 겹침을 방지합니다.
은 부모의 요소를 특정 클래스/ID 이름을주고,
가 CSS 파일 만 DIV 특정 CSS 코드를 추가 특정 선택으로 당신의 CSS에서 클래스/ID 이름을 사용합니다.
URL이 무작위로로드된다는 의미는 google.com 또는 cnn.com에서 나올 수 있으므로 div 내에서만 제한해야합니다. – Tofeeq
다음 CSS 시트 클래스를 업데이트해야합니다./id 스타일 시트! – HaroonAbbasi
과 유사한 무언가와 jQuery를 load 기능을 사용하는 가정 :
$('#mydiv').load(myUrl);
당신이 URL에 대한 선택기를 추가하여로드 된 페이지에서 관심있는 단지 HTML을 선택할 수 있습니다 (대한의 jQuery 문서를 참조 Loading Page Fragments) :
$('#mydiv').load(myUrl + ' #content');
당신은 자신의 CSS, iframe을 사용하고 자신의 페이지에서이 샌드 박스의 다음 신뢰할 수있는 유일한 방법 사용하여 렌더링 할 수있는 URL의 전체 페이지를 필요로합니다.
코드 샘플을 게시하면 귀하가 시도한 것을 볼 수 있습니다. 또한 '로딩'중인 CSS의 이름 간격을 고려 했습니까? – Mark