어제 여쭤봤던내용 한번더 여쭤봅니다 > 자유게시판

자유게시판

어제 여쭤봤던내용 한번더 여쭤봅니다 정보

어제 여쭤봤던내용 한번더 여쭤봅니다

본문

<script type="text/javascript" src="<?=$latest_skin_path?>/jquery-ui.min.js" ></script>
<script type="text/javascript">
    $(document).ready(function(){
이부분->    $("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
    });
</script>


저부분이 에러납니다. 에러메세지는 firebug에서
$("#featured > ul").tabs is not a function
으로 뜹니다.
jquery.min.js는 제대로 로드된 상황입니다.(버젼 1.3.2)
jquery.min.js의 정규식구문에서 발생하는 에러같습니다만.....역시 아는바가없어서 ㅠㅠ
단독으로 돌릴때는 잘 돌아갑니다만 아래 소스코드와 충돌인지 둘이 붙이면 에러납니다.
(자바스크립트 부분만 뺏습니다.)

<script language="javascript">
   <!--
    function loadView(view) {
        if(document.all) {
            document.getElementById('viewImage').style.filter="blendTrans(duration=1)";
            document.getElementById('viewImage').filters.blendTrans.Apply();
        }
        document.getElementById('viewImage').src = view;
        if(document.all) {
            document.getElementById('viewImage').filters.blendTrans.Play();
        }
    }
    var viewSelected;
    var preloadviews=new Array();
    <? for ($i=0; $i<count($list); $i++) { ?>
<?
        $image = urlencode($list[$i][file][0][file]); // 첫번째 파일이 이미지라면
            if (preg_match("/\.(gif|jpg|png)$/i", $image)) {
        echo "preloadviews[preloadviews.length]='$g4[path]/data/file/$bo_table/$image';"; // 이미지크기
            } else {
        echo "preloadviews[preloadviews.length]='$latest_skin_path/img/no_image.gif';";
}
?>
    <? } ?>
    plv=new Array();
    for(i=0;i<preloadviews.length;++i)
    {    plv[i]=new Image();
        plv[i].src=preloadviews[i];
    }
        viewSelected = '1';
   -->
  </script>
<script language="javascript">
  function updateArrows() {
      var curCount = parseInt(document.getElementById('sliderCount').value);
      var allCount = parseInt(document.getElementById('topContentThumbnailSliderContents').getElementsByTagName('div').length / 2);
      if(curCount == 0) {
          document.getElementById('arrowLeft').innerHTML = '<img src="<?=$latest_skin_path?>/img/arrow_left_disabled.gif" width="30" height="40" border="0" alt="" />';
      }
      else {
          document.getElementById('arrowLeft').innerHTML = '<a href="javascript:thumbnails.toggle(-1);"><img src="<?=$latest_skin_path?>/img/arrow_left.gif" width="30" height="40" border="0" alt="" onmousedown="src=\'<?=$latest_skin_path?>/img/arrow_left_disabled.gif\';" onmouseup="src=\'<?=$latest_skin_path?>/img/arrow_left.gif\';" /></a>';
      }
      if(allCount > ((curCount + 1) * 4)) {
          document.getElementById('arrowRight').innerHTML = '<a href="javascript:thumbnails.toggle(1);"><img src="<?=$latest_skin_path?>/img/arrow_right.gif" width="30" height="40" border="0" alt="" onmousedown="src=\'<?=$latest_skin_path?>/img/arrow_right_disabled.gif\';" onmouseup="src=\'<?=$latest_skin_path?>/img/arrow_right.gif\';" /></a>';
      }
      else {
          document.getElementById('arrowRight').innerHTML = '<img src="<?=$latest_skin_path?>/img/arrow_right_disabled.gif" width="30" height="40" border="0" alt="" />';
      }
  }
  updateArrows();
</script>


도저히 모르겠습니다 ㅠㅠ 좀 알려주세요~~


ps. 불러오는 순서가 a / b의 순서일땐 a가 구동이 안되고 b가 구동되며 b / a의 순서일땐 a가구동되고 b가 안됩니다.
추천
0
  • 복사

댓글 3개

$("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true); }); 뒤에 method붙이는 구문이 저게 맞나요? 아마 ui는 다 함수내 지역변수라서 충돌의 확률은 거의 낮을 것 갈은데요.. mothod떼고 $("#featured > ul").tabs({fx:{opacity: "toggle"}}); 요부분만 해도 에러가 나나요?
© SIRSOFT
현재 페이지 제일 처음으로