jquery를 사용하여 본문에 iframe 만들기

약간 문제가 있습니다. 내 body 태그 안에 div 태그 안에 iframe을 만들고 싶습니다. 나는 다음과 같은 jQuery 코드를 시도했다 :jquery를 사용하여 본문에 iframe 만들기

$(document.createElement('<div id="modalDiv"><iframe id="modalIFrame" width="100%" height="100%" marginWidth="0" marginHeight="0" frameBorder="0" scrolling="auto" title="Dialog Title"></iframe></div>'));

나는 결과를 얻지 못했다. 또한, 본문 태그에 스크립트를 배치했지만 어떤 결과도 얻지 못했습니다.

미리 감사드립니다.

출처

2013-01-14 user1929236

당신이 jQuery를 추가 한 가정 요소 유형. HTML 조각을 제공하고 있습니다.

jQuery를 사용하고 있으므로 해당 문자열에서 jQuery 객체를 구성하면됩니다.

jQuery('<div id="modalDiv"><iframe id="modalIFrame" width="100%" height="100%" marginWidth="0" marginHeight="0" frameBorder="0" scrolling="auto" title="Dialog Title"></iframe></div>');

출처

2013-01-14 16:40:46 chrisbradbury

chrisbradbury가 말한 것에 덧붙이 자면, 코드가 수행하는 작업은 단지 요소를 만드는 것이지만 실제로는 아무 것도하지 않는 것입니다. Chris의 예제는 실제로 body 태그에 HTML을 추가 (추가)합니다. –

감사합니다. 이 코드는 나를 위해 일했습니다. 고맙습니다 ..... – user1929236

createElement의 인수는의 이름을 포함하는 문자열을 할 필요가 ...

$(document).ready(function(){ 
    $('body').append('<div id="modalDiv"><iframe id="modalIFrame" width="100%" height="100%" marginWidth="0" marginHeight="0" frameBorder="0" scrolling="auto" title="Dialog Title"></iframe></div>'); 
});

이 몸 HTML의 끝 부분에 코드를 추가합니다 :

출처

2013-01-14 16:42:37 Quentin

document.createElement()는 HTML 문자열에서 요소를 만들어 지원하지 않습니다,하지만 당신은 내용, 즉 구축하기 위해 jQuery를에 문자열을 전달할 수 있습니다

var newContent = $('<div id="modalDiv"><iframe id="modalIFrame" width="100%" height="100%" marginWidth="0" marginHeight="0" frameBorder="0" scrolling="auto" title="Dialog Title"></iframe></div>'); 
newContent.appendTo("body");

것은 어떤 차종의 선택을 업데이트해야합니다을 감각이 있습니다. 여기서는 단지 body 요소에 추가되었습니다.

또한 iframe이 실제로 리소스를 가리키고있는 경우 src 특성도 설정해야합니다.

희망 하시겠습니까? 건배.

출처

2013-01-14 16:46:11 keeganwatkins

jquery를 사용하여 본문에 iframe 만들기

답변

관련 문제