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>
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 8개
$(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>
파일도 불러와 주셔야 하는것도 잊지마시고..
만약 작동이 안되신다면 질문자분의 적용페이지나 기타 환경상의 문제, 스크립트 충돌이나, jquery.min.js 파일의 버전(기본 그누세팅시 1.4.2 버전입니다) 등등의 문제일것 같네요
정확한 내용은 적용페이지를 알려주셔야 답변을 많은 분들이 남겨주실것 같네요
<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>
로 바꿔서 적용해보세요