iframe 대상 변경

Question

나는 JS에서 완전히 새롭다. 나는 내가 익숙하지 않은 것을하려고 노력하고 있지만, 나는 그것을 배울 수있는 방법이다. html 웹 사이트를 코딩 중이며 iframe 요소를 사용했습니다. 이 iframe에서는 다른 html을 (클릭시) 보여주고 싶습니다. 그래서 나는이 일을 포함하여 몇 가지 다른 질문을 읽어 stackoverflow js iframe 나는이 코드를 만든 :

<li><p id="video" class="button"><a target="iframe">VIDEO</a></p></li> 
<li><p id="kontakt" class="button"><a target="iframe">KONTAKT</a></p></li> 

<li><iframe width="800px" height="1000px" frameBorder="0" name="iframe" src=""></iframe></li> 

<script> 
    $(".button").on("click", function() { 
    $(this).toggleClass("underline"); 
    $(".button").not(this).removeClass("underline") 
    }); 
</script> 

<script> 
$("#video").on("click", function() { 
$('[name="iframe"]').src = "video_iframe.html" 
}); 
</script> 

<script> 
$("#kontakt").on("click", function() { 
$('[name="iframe"]').src = "kontakt_iframe.html" 
}); 
</script> 

을하지만 불행하게도 키우면가 작동하지 않습니다. 나는 무엇을 잘못 했는가?

Answer 1

$('[name="iframe"]')은 jQuery 객체입니다. src 속성에 액세스하려면 실제 원시 DOM 요소를 참조해야합니다.

$('[name="iframe"]')[0].src = "kontakt_iframe.html"; 

또한 - 하나를 사용하고 거기에 코드를 넣어 - 당신은 여러 script 태그를 필요 없어요. 이 변경

Answer 2

시도 :

$('[name="iframe"]').src = "video_iframe.html"

$('[name="iframe"]').attr('src', 'video_iframe.html')

에이 원하는 값으로 src의 속성을 설정합니다.

Answer 3

스크립트 태그를 여러 번 사용할 필요가 없습니다. jQuery 클릭 이벤트를 사용하는 경우 <a target="iframe">을 가질 필요가 없습니다. 다음과 같이 시도해보세요.

<li><p id="video" class="button">VIDEO</p></li> 
<li><p id="kontakt" class="button">KONTAKT</p></li> 

<li><iframe width="800px" height="1000px" frameBorder="0" name="iframe" src=""> </iframe></li> 

<script> 
$(".button").on("click", function() { 
    $(this).toggleClass("underline"); 
    $(".button").not(this).removeClass("underline") 
}); 


$("#video").on("click", function() { 
    $('iframe').attr("src","video_iframe.html") 
}); 


$("#kontakt").on("click", function() { 
    $('iframe').attr("src", "kontakt_iframe.html") 
}); 
</script>