js파일이 안먹는거 같아요 정보
js파일이 안먹는거 같아요
본문
오류가 나는곳의 주소를 알려주시면 더 빠르고 정확하게 답변 받을 수 있습니다.
오류 주소 : http://sir.co.kr/bbs/board.php?bo_table=g4_skin&wr_id=135122
제가 euc-kr사용중인데요 이 스킨은 utf-8입니다..
스킨파일,js파일을 에디트플러스 툴로 euc-kr로 변환하였고
작성된대로 사용했는데
제이쿼리부분이 적용이 안되네요......슬라이드부분이던지....
css도 이상하게 먹는거 같고...아..도와주십쇼 고수님들!!
<!doctype html>
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
?>
<script>
$(function(){
$(".slideBtnLeft_<?=$bo_table?>").click(function(){
$(".prev_<?=$bo_table?>").click();
});
$(".slideBtnRight_<?=$bo_table?>").click(function(){
$(".next_<?=$bo_table?>").click();
});
$('#slides_<?=$bo_table?>').slides({
preload: true,
preloadImage: '<?=$latest_skin_path?>/img/loading.gif',
generateNextPrev: true,
next: 'next_<?=$bo_table?>',
prev: 'prev_<?=$bo_table?>',
generatePagination: true,
pagination: true,
play: 5000,
pause: 2500,
hoverPause: true
});
});
</script>
<style type="text/css" media="screen">
#slides_<?=$bo_table?>{
width: 448px;
height: 140px;
position: relative;
border: solid 1px #E4E4E4;
}
#lineheight{
width:10px;
height:10px;
}
.btnContainer{
position: absolute;
top:5px;
right:5px;
z-index: 9999;
}
.next_<?=$bo_table?>, .prev_<?=$bo_table?>{
display: none;
}
a.slideTitle:link,a.slideTitle:hover,a.slideTitle:visited{
font-size: 14px;
font-weight: bold;
}
.slideUl ul{
padding: 10px 0 0 10px;
}
.slideUl ul li{
overflow: hidden;
height: 19px;
padding-left: 7px;
background: url(<?=$latest_skin_path?>/img/sp_rgt20120725.png) no-repeat 0 -170px;
line-height: 19px;
}
.pagination {
position: absolute;
top: 8px;
right: 40px;
}
.pagination li {
float:left;
margin:0 1px;
list-style:none;
}
.pagination li a {
display:block;
width:12px;
height:0;
padding-top:13px;
background-image:url(<?=$latest_skin_path?>/img/pagination.png);
background-position:0 0;
float:left;
overflow:hidden;
}
.pagination li.current a {
background-position:0 -12px;
}
.latestTitle{
width: 438px;
background-color: #FAFAFA;
padding: 5px;
}
.label, .badge {
background-color: #69BEE7;
color: #FFFFFF;
font-size: 10.998px;
font-weight: bold;
line-height: 14px;
vertical-align: baseline;
white-space: nowrap;
}
.label {
border-radius: 3px 3px 3px 3px;
padding: 1px 4px 2px;
}
.label-warning, .badge-warning {
background-color: #FF8000;
}
</style>
<div id="slides_<?=$bo_table?>">
<div class="latestTitle"><a href='<?=$g4[bbs_path]?>/board.php?bo_table=<?=$bo_table?>' class="slideTitle"><?=$board[bo_subject]?></a></div>
<div class="slides_container">
<?
$rowCount = 5; // 총 게시물 수에서 나누어서 보여줄 리스트 갯수
$newList = (array_chunk($list,$rowCount));
$newListCount = count($newList);
for ($i=0; $i < $newListCount ; $i++) {
$newListSubCount = count($newList[$i]);
echo "<div class='slideUl'><ul>";
for ($x=0; $x < $newListSubCount ; $x++) {
if($newList[$i][$x]['ca_name']){ // 카테고리가 있는 경우
if($newList[$i][$x]['ca_name'] =='캠퍼스생활' or $newList[$i][$x]['ca_name'] =='자유토론'){
$categroyName = "<span class='label label-warning'>{$newList[$i][$x][ca_name]}</span>";
}else{
$categroyName = "<span class='label'>{$newList[$i][$x][ca_name]}</span>";
}
}else{ // 카테고리가 없는 경우
$categroyName = '';
}
echo "<li>{$categroyName} <a href='{$newList[$i][$x]['href']}'><font style='font-family:돋움; font-size:9pt; color:#6A6A6A;'>{$newList[$i][$x]['subject']}</font></a> {$newList[$i][$x][icon_new]}</li>";
}
echo "</ul></div>";
}
?>
</div>
<div class="btnContainer">
<div style="float:left;"><a href="#" class="slideBtnLeft_<?=$bo_table?>"><img src="<?=$latest_skin_path?>/img/leftbtn.gif" /></a></div>
<div style="float:left"><a href="#" class="slideBtnRight_<?=$bo_table?>"><img src="<?=$latest_skin_path?>/img/rightbtn.gif" /></a></div>
</div>
</div>
<div id="lineheight"></div>
오류 주소 : http://sir.co.kr/bbs/board.php?bo_table=g4_skin&wr_id=135122
제가 euc-kr사용중인데요 이 스킨은 utf-8입니다..
스킨파일,js파일을 에디트플러스 툴로 euc-kr로 변환하였고
작성된대로 사용했는데
제이쿼리부분이 적용이 안되네요......슬라이드부분이던지....
css도 이상하게 먹는거 같고...아..도와주십쇼 고수님들!!
<!doctype html>
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
?>
<script>
$(function(){
$(".slideBtnLeft_<?=$bo_table?>").click(function(){
$(".prev_<?=$bo_table?>").click();
});
$(".slideBtnRight_<?=$bo_table?>").click(function(){
$(".next_<?=$bo_table?>").click();
});
$('#slides_<?=$bo_table?>').slides({
preload: true,
preloadImage: '<?=$latest_skin_path?>/img/loading.gif',
generateNextPrev: true,
next: 'next_<?=$bo_table?>',
prev: 'prev_<?=$bo_table?>',
generatePagination: true,
pagination: true,
play: 5000,
pause: 2500,
hoverPause: true
});
});
</script>
<style type="text/css" media="screen">
#slides_<?=$bo_table?>{
width: 448px;
height: 140px;
position: relative;
border: solid 1px #E4E4E4;
}
#lineheight{
width:10px;
height:10px;
}
.btnContainer{
position: absolute;
top:5px;
right:5px;
z-index: 9999;
}
.next_<?=$bo_table?>, .prev_<?=$bo_table?>{
display: none;
}
a.slideTitle:link,a.slideTitle:hover,a.slideTitle:visited{
font-size: 14px;
font-weight: bold;
}
.slideUl ul{
padding: 10px 0 0 10px;
}
.slideUl ul li{
overflow: hidden;
height: 19px;
padding-left: 7px;
background: url(<?=$latest_skin_path?>/img/sp_rgt20120725.png) no-repeat 0 -170px;
line-height: 19px;
}
.pagination {
position: absolute;
top: 8px;
right: 40px;
}
.pagination li {
float:left;
margin:0 1px;
list-style:none;
}
.pagination li a {
display:block;
width:12px;
height:0;
padding-top:13px;
background-image:url(<?=$latest_skin_path?>/img/pagination.png);
background-position:0 0;
float:left;
overflow:hidden;
}
.pagination li.current a {
background-position:0 -12px;
}
.latestTitle{
width: 438px;
background-color: #FAFAFA;
padding: 5px;
}
.label, .badge {
background-color: #69BEE7;
color: #FFFFFF;
font-size: 10.998px;
font-weight: bold;
line-height: 14px;
vertical-align: baseline;
white-space: nowrap;
}
.label {
border-radius: 3px 3px 3px 3px;
padding: 1px 4px 2px;
}
.label-warning, .badge-warning {
background-color: #FF8000;
}
</style>
<div id="slides_<?=$bo_table?>">
<div class="latestTitle"><a href='<?=$g4[bbs_path]?>/board.php?bo_table=<?=$bo_table?>' class="slideTitle"><?=$board[bo_subject]?></a></div>
<div class="slides_container">
<?
$rowCount = 5; // 총 게시물 수에서 나누어서 보여줄 리스트 갯수
$newList = (array_chunk($list,$rowCount));
$newListCount = count($newList);
for ($i=0; $i < $newListCount ; $i++) {
$newListSubCount = count($newList[$i]);
echo "<div class='slideUl'><ul>";
for ($x=0; $x < $newListSubCount ; $x++) {
if($newList[$i][$x]['ca_name']){ // 카테고리가 있는 경우
if($newList[$i][$x]['ca_name'] =='캠퍼스생활' or $newList[$i][$x]['ca_name'] =='자유토론'){
$categroyName = "<span class='label label-warning'>{$newList[$i][$x][ca_name]}</span>";
}else{
$categroyName = "<span class='label'>{$newList[$i][$x][ca_name]}</span>";
}
}else{ // 카테고리가 없는 경우
$categroyName = '';
}
echo "<li>{$categroyName} <a href='{$newList[$i][$x]['href']}'><font style='font-family:돋움; font-size:9pt; color:#6A6A6A;'>{$newList[$i][$x]['subject']}</font></a> {$newList[$i][$x][icon_new]}</li>";
}
echo "</ul></div>";
}
?>
</div>
<div class="btnContainer">
<div style="float:left;"><a href="#" class="slideBtnLeft_<?=$bo_table?>"><img src="<?=$latest_skin_path?>/img/leftbtn.gif" /></a></div>
<div style="float:left"><a href="#" class="slideBtnRight_<?=$bo_table?>"><img src="<?=$latest_skin_path?>/img/rightbtn.gif" /></a></div>
</div>
</div>
<div id="lineheight"></div>
댓글 전체
<script>
$(function(){
$(".slideBtnLeft_<?=$bo_table?>").click(function(){
$(".prev_<?=$bo_table?>").click();
});
$(".slideBtnRight_<?=$bo_table?>").click(function(){
$(".next_<?=$bo_table?>").click();
});
$('#slides_<?=$bo_table?>').slides({
preload: true,
preloadImage: '<?=$latest_skin_path?>/img/loading.gif',
generateNextPrev: true,
next: 'next_<?=$bo_table?>',
prev: 'prev_<?=$bo_table?>',
generatePagination: true,
pagination: true,
play: 5000,
pause: 2500,
hoverPause: true
});
});
</script>
이부분이 작동이 안됩니다..제이쿼리
$(function(){
$(".slideBtnLeft_<?=$bo_table?>").click(function(){
$(".prev_<?=$bo_table?>").click();
});
$(".slideBtnRight_<?=$bo_table?>").click(function(){
$(".next_<?=$bo_table?>").click();
});
$('#slides_<?=$bo_table?>').slides({
preload: true,
preloadImage: '<?=$latest_skin_path?>/img/loading.gif',
generateNextPrev: true,
next: 'next_<?=$bo_table?>',
prev: 'prev_<?=$bo_table?>',
generatePagination: true,
pagination: true,
play: 5000,
pause: 2500,
hoverPause: true
});
});
</script>
이부분이 작동이 안됩니다..제이쿼리
사이트를 보질 못해서 정확하지 않지만 혹시 무한 로딩이 되는 현상은 아닌지요?
무한 로딩현상이면 head.sub.php 파일을 열어보시면
<script type="text/javascript" src="<?=$g4['path']?>/js/jquery-1.4.2.min.js"></script>
를
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
1.7.2 파일로 바꿔보세요 버전이 낮아서 그런듯합니다.
그리고
<script type="text/javascript" src="<?=$g4['path']?>/js/slides.min.jquery.js" charset='utf-8'></script>
파일도 불러와 주셔야 하는것도 잊지마시고..
무한 로딩현상이면 head.sub.php 파일을 열어보시면
<script type="text/javascript" src="<?=$g4['path']?>/js/jquery-1.4.2.min.js"></script>
를
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
1.7.2 파일로 바꿔보세요 버전이 낮아서 그런듯합니다.
그리고
<script type="text/javascript" src="<?=$g4['path']?>/js/slides.min.jquery.js" charset='utf-8'></script>
파일도 불러와 주셔야 하는것도 잊지마시고..
무한로딩은 아닙니다.. 그냥 스크립트가 안먹어요.....흠....
위 링크의 최신글 스킨은 문제없이 작동이 되는 스킨이네요.
만약 작동이 안되신다면 질문자분의 적용페이지나 기타 환경상의 문제, 스크립트 충돌이나, jquery.min.js 파일의 버전(기본 그누세팅시 1.4.2 버전입니다) 등등의 문제일것 같네요
정확한 내용은 적용페이지를 알려주셔야 답변을 많은 분들이 남겨주실것 같네요
만약 작동이 안되신다면 질문자분의 적용페이지나 기타 환경상의 문제, 스크립트 충돌이나, jquery.min.js 파일의 버전(기본 그누세팅시 1.4.2 버전입니다) 등등의 문제일것 같네요
정확한 내용은 적용페이지를 알려주셔야 답변을 많은 분들이 남겨주실것 같네요
head.sub.php파일을 열어보시면
<script type="text/javascript" src="<?=$g4['path']?>/js/jquery-1.4.2.min.js"></script>
를
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
로 바꿔서 적용해보세요
<script type="text/javascript" src="<?=$g4['path']?>/js/jquery-1.4.2.min.js"></script>
를
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
로 바꿔서 적용해보세요
답변 감사합니다..해봤는데 안되더라구요..ㅜㅜ
다른 소스랑 충돌인가 싶어 몽땅 주석처리하고 살려봤는데.. 그래두 안되더라구요
다른 스킨에서 제이쿼리를 선언해버려서 충돌이 있었습니당..ㅎㅎ