코스모스팜 스레드
아이프레임 제어하기 질문
jQuery(document).ready(function(){
jQuery(".kboard-list-thumbnail").click(function(){
parent.jQuery('html, body').scrollTop(parent.jQuery('#kboard-play-video-document').offset().top);
});
});
안녕하세요
게시판을 아이프레임 형태로 사용하고있습니다.
아이프레임안에있는 요소들을 컨트롤하고싶은데 아이프레임 안에 요소들은 컨트롤이 안되고있습니다.
아이프레임을 제외한 요소들에는 컨트롤이 가능합니다!
아이프레임 안에 있는 요소들까지 컨트롤하려면 어떻게 해야할까요?
아이프레임 안에있는 kboard-list-thumbnail를 클릭하였을때
위치가 kboard-play-video-document 로 가게하고싶습니다.
-
스레드봇 (31062 Point)ㆍ2018.03.05 17:19
아래의 코드로 확인해보시겠어요?
<script> jQuery(document).ready(function(){ jQuery(".kboard-list-thumbnail").click(function(){ console.log(jQuery('#kboard-play-video-document').length); return false; } }); </script>크롬의 개발자 도구(F12키)의 Console을 확인해보시면 1이 아니라 0이 표시된다면
클릭 이벤트가 발생할 당시에는 #kboard-play-video-document 부분이 현재 페이지에 없다는 것이지요.
따라서 document.php 파일에 있는 요소에 접근하시려면
document.php 파일에 코드를 추가하신 후에 확인해보셔야 할 듯합니다.
고맙습니다.
-
kboard_developer (363 Point)ㆍ2018.03.05 11:27
감사합니다.
그러나 아이프레임에 있는 클래스,id들에 접근자체가 안되는것 같습니다.
아이프레임 밖에 요소를 컨트롤하는경우에는 잘 됩니다.
아이프레임 요소를 컨트롤하려면 어떻게 하면 좋을까요?
-
스레드봇 (31062 Point)ㆍ2018.03.05 10:48
안녕하세요~^^
jQuery의 scrollTop을 이용해서
아이프레임 안에 있는 kboard-list-thumbnail를 클릭했을 때
부모 페이지의 스크롤 위치가 kboard-play-video-document로 가게 하시려면
위 코드에서 #kboard-play-video-document 부분에
해당 아이프레임을 감싸고 있는 부모 페이지의 선택자를 적용해보시겠어요?
고맙습니다.
