제이쿼리 적용이 안되요.. > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

제이쿼리 적용이 안되요.. 정보

제이쿼리 적용이 안되요..

본문

오류가 나는곳의 주소를 알려주시면 더 빠르고 정확하게 답변 받을 수 있습니다.

오류 주소 : http://sir.co.kr/bbs/board.php?bo_table=g4_skin&wr_id=135122



제가 euc-kr사용중인데요 이 스킨은 utf-8입니다..

스킨파일,js파일을 에디트플러스 툴로 euc-kr로 변환하였고

작성된대로 사용했는데

제이쿼리부분이 적용이 안되네요......슬라이드부분이던지....
css도 이상하게 먹는거 같고...아..도와주십쇼 고수님들!!


<?
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 type="text/javascript" src="./js/jquery-1.4.2.min.js"></script>
제이쿼리 파일을 링크 했는데

스킨 디렉토리에서 또 제이쿼리 파일을 링크하네요 아래 부분을 해당 스킨에서 삭제 하셔야 합니다.

<script type="text/javascript" src="./skin/latest/main_gal/js/jquery.js"></script>


그리고 헤드 제이쿼리 부분을 최신 버전으로 바꾸어 주세요
구글 호스트 이용하셔도 됩니다.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

그럼 작동 할겁니다.
© SIRSOFT
현재 페이지 제일 처음으로