묻고답하기

jQuery 질문

2015.07.16 11:13

boy2

이 jQuery 소스 일반 html에서는 잘 되는데 xe외부페이지로 가져오니까 안 되네요.

var $ = jQuery;  같은 jQuery 충돌 막는 거써봐도 안 되네요 어떻게 하면 쓸 수 있을까요? 

<!DOCTYPE html>
<html>
<head>
<title>가변 높이 처리</title>
<style>
body { height: 100%; margin: 0 0 0 0;}
#header { height: 50px; background-color: #eee; }
#content { background-color: red;}
</style>

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script>
$(document).ready(function() {
resizeContent();
});
$(window).resize(function() {
resizeContent();
});

function resizeContent() {
var windowHeight = $(window).height();
var topHeight = $("#top").height();
$('#content').css({'height':(windowHeight-topHeight)+'px'});
}
</script>
<body>
<div id="header">헤드 높이</div>
<div id="content"><iframe width="100%" height="100%" src="https://www.youtube.com/embed/cmKuGxb23z0" frameborder="0" allowfullscreen></iframe></div>
</body>
<html>