묻고답하기
[심각] JS 충돌 문제
2016.02.09 11:04
<load target="js/jquery-2.1.3.min.js" />
<load target="js/bootstrap.js" />
<load target="js/jquery-latest.min.js" />
<load target="css/bootstrap.min.css" />
<!-- 쿼리 메뉴 -->
<script type="text/javascript">
$(function(){
$("ul.sub").hide();
$("ul.menu li").hover(function(){
$("ul:not(:animated)",this).slideDown("fast");
},
function(){
$("ul",this).slideUp("fast");
});
});
</script>
<!-- 이미지슬라이드 -->
<script>
$(document).ready(function() {
$('#myCarousel').carousel('cycle');
$('#myCarousel2').carousel('cycle');
});
</script>
<title>게임</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
제가 이렇게하고.. 레이아웃을 만들었는데 ... 게시판이 JS가 충돌되어서 먹통이되어버렸습니다.. 내용 및 제목을 입력해도 입력하지않았다고하고.. 에디터를 최신버전 에디터로 바꾸면 아에 내용입력창이 안보입니다 ㅠㅠ 도대체 어떻게해야하는지.. 자바스크립트도 짤주모르고 답답하네요ㅠㅠ
댓글 7
-
$ 을 jquery 로 바꿔주세요
-
네비c76e3
2016.02.09 11:24
$(function(){
$("ul.sub").hide();
$("ul.menu li").hover(function(){이런곳에 있는 $를 jquery 로 바꾸라는 말씀이신가요??
-
넵
-
네비c76e3
2016.02.09 15:44
그래도 똑같네요 ㅠㅠ 풀소스 올릴께요 ㅠ
-
네비c76e3
2016.02.09 15:45
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<load target="js/jquery-2.1.3.min.js" />
<load target="js/bootstrap.js" />
<load target="js/jquery-latest.min.js" />
<load target="css/bootstrap.min.css" />
<!-- 쿼리 메뉴 -->
<script type="text/javascript">
jquery(function(){
jquery("ul.sub").hide();
jquery("ul.menu li").hover(function(){
jquery("ul:not(:animated)",this).slideDown("fast");
},
function(){
jquery("ul",this).slideUp("fast");
});
});
</script>
<!-- 이미지슬라이드 -->
<script>
jquery (document).ready(function() {
jquery ('#myCarousel').carousel('cycle');
jquery ('#myCarousel2').carousel('cycle');
});
</script>
<title>게임</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
</head>
<style>
body{
margin: 0;
padding: 0;
width: 100%;
background-image: url({$layout_info->background_image});
background-repeat: no-repeat;
background-size: cover;
}
ul,li{
padding: 0;
}
#werp{
width: 100%;
height: 1000px;
}
#top_menu{
width: 980px;
height: 150px;
margin: auto;
}
#top_content{
width: 980px;
height: 300px;
margin: auto;
margin-top: 150px;
background-color: white;
}
#mid_content{
padding: 10px;
width: 980px;
margin: auto;
margin-top: 50px;
}
#footer{
width: 100%;
height: 150px;
background-color: fuchsia;
margin-top: 50px;
}
.logo{
width: 150px;
height: 150px;
float: left;
}
.logo img{
padding-top: 10px;
}
.menubar{
width: 720px;
height: 150px;
text-align: center;
}
/* 마우스오버 컬러 */
.menu li a:hover{
color: #F7788A;
}
.menu li{
float: left;
list-style: none;
padding-left: 60px;
text-align: center;
}
/* 메뉴 */
.menu li a{
float: none;
padding-top: 30px;
color: white;
display: block;
font-size: 30px;
font-weight: bold;
text-decoration: none;
}
.sub li{
list-style: none;
padding-top: 10px;
float: none;
padding-left: 0;
}
/* 상세 메뉴 */
.sub li a{
text-align: center;
padding: 0;
list-style: none;
color: white;
display: block;
font-size: 20px;
font-weight: bold;
text-decoration: none;
}
#myCarousel{
width: 630px;
height: 300px;
float: left;
}
.login_menu {
background-color: #232323;
padding-top: 35px;
height: 166px;
text-align: center;
}
/* 마우스오버 컬러 */
.login_menu a:hover{
color: white;
border-color: #ED006D;
background: #ED006D;
}
.login_menu a{
color: black;
text-decoration: none;
font-weight: bold;
border-width:27px;
border-color:white;
border-style:solid;
background-color: white;
}
.login_menu2 {
margin-top: 60px;
}
/* 마우스오버 컬러 */
.login_menu2 a:hover{
color: white;
border-color: #ED006D;
background: #ED006D;
}
.login_menu2 a{
color: black;
text-decoration: none;
font-weight: bold;
border-width:27px;
border-color:white;
border-style:solid;
background-color: white;
}
</style>
<body>
<div id="werp">
<div id="top_menu">
<!--로고-->
<div class="logo">
<img src="{$layout_info->logo_image}">
</div>
<!--메뉴-->
<div class="menuber">
<ul class="menu">
<li loop="$main_menu->list=>$key1,$val1" class="active"|cond="$val1['selected']"><a href="{$val1['href']}" target="_blank"|cond="$val1['open_window']=='Y'">{$val1['link']}</a>
<ul class="sub" cond="$val1['list']">
<li loop="$val1['list']=>$key2,$val2" class="active"|cond="$val2['selected']"><a href="{$val2['href']}" target="_blank"|cond="$val2['open_window']=='Y'">{$val2['link']}</a></li>
</ul>
</li>
</ul>
</div>
</div>
<div id="top_content">
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!--페이지-->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<!--페이지--><div class="carousel-inner">
<!--슬라이드1-->
<div class="item active">
<img src="{$layout_info->img_siled1}" style="width:650px; height:300px;" alt="First slide">
<div class="container">
<div class="carousel-caption">
</div>
</div>
</div>
<!--슬라이드1--><!--슬라이드2-->
<div class="item">
<img src="{$layout_info->img_siled2}" style="width:650px; height:300px;" data-src="" alt="Second slide">
<div class="container">
<div class="carousel-caption">
</div>
</div>
</div>
<!--슬라이드2--><!--슬라이드3-->
<div class="item">
<img src="{$layout_info->img_siled3}" style="width:650px; height:300px;" data-src="" alt="Third slide">
<div class="container">
<div class="carousel-caption">
</div>
</div>
</div>
<!--슬라이드3-->
</div><!--이전, 다음 버튼-->
<a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
<a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
</div>
<!--로그인 영역-->
<div class="Login">
<img class="zbxe_widget_output" widget="login_info" skin="eond_ppomppu" />
<!--로그인 하단 영역-->
<div class="login_menu">
<a href="#">M-OTP</a>
<a href="#">캐시 충전</a>
<a href="#">고객 센터</a>
<nav class="login_menu2">
<a href="#">M-OTP</a>
<a href="#">캐시 충전</a>
<a href="#">고객 센터</a>
</nav>
</div>
</div>
</div>
<!--컨텐츠-->
<div id="mid_content">
{$content}
</div>
<!--푸터-->
<div id="footer">
</div>
</div>
</body>
</html> -
네비c76e3
2016.02.09 11:46
현재 <load target="js/jquery-2.1.3.min.js" /> 이부분을 없애도 게시판이 먹통입니다..
-
혹시 해당호스팅에 모드시큐리티가 설치되어져 있다면 죽이고 해보세요
