묻고답하기
퀵메뉴를 이용한 레이어 팝업창
2014.07.16 12:21
홈페이지에 퀵메뉴를 이용하여 레이어 팝업창을 불러오는 폼을 만들고 있는데
퀵메뉴는 메인, 서브 모두 표시 되는데 퀵메뉴에서 불러온 팝업창은 서브에서만 열리고
메인에서는 열리지 않습니다.
소스를 아무리봐도 문제가 없고 스크립트 충돌문제인거 같은데 방법이 없을까요?
서브
서브에서는 버튼을 클릭하면 열리고
메인
메인에서 클릭해도 팝업창이 열리지 않습니다.
jQuery 제이쿼리이 충돌문제인건지
답을 찾을 수가 없네요
팝업창 불러오는 소스입니다
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<script src="./js/jquery.bpopup.min.js"></script>
<style type="text/css">body { position: relative; }
.popup-div { opacity: 0; display: none; position: relative; width: auto; }
.popup-style { border: 5px solid #06f; padding: 20px; background-color: #fff; }
.b-close { position: absolute; right: 5px; top: 5px; padding: 5px; display: inline-block; cursor: pointer; }
.button { padding: 5px 10px; border: 1px solid #666; display: inline-block; cursor: pointer; }
</style>
<body>
<span class="button" id="btn1">slideDown 기본스타일 팝업</span>
<div id="popup1" class="popup-div popup-style">
<span class="b-close"><span>X</span></span>
<div class="content" style="height: auto; width: auto;">
<div class="b-ajax-wrapper">
<div>
<h2>popup1</h2>
<p>팝업 1 <a href="http://..../bpopup/" target="_blank">http://..../bpopup</a></p>
<p>기본팝업 테스트</p>
</div>
</div>
</div>
</div>
<script type="text/javascript">$(document).ready(function() {
$('#btn1').on('click', function(event) {
event.preventDefault();
$('#popup1').bPopup();
});
});
</script>
.
.
.
</body>
