어제 여쭤봤던내용 한번더 여쭤봅니다 정보
어제 여쭤봤던내용 한번더 여쭤봅니다
관련링크
http://xn--yj2bu7fv3l25b87j.com
142회 연결
본문
<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가 안됩니다.
<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
0
댓글 3개

tab이 확장 함수(jQuery에 추가한)인가요?

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

네 그부분이요 충돌날게 없을꺼같은데 이상하게 충돌이 나네요 ㅠ