jsFiddle에서 작동하지만 내 브라우저 (FF, Chrome)에서는 작동하지 않습니다.

-2

이 코드를 작동 시키려고했습니다 (http://jsfiddle.net/2DY8M/9/).이 파일은 내 바탕 화면의 폴더에있는 단일 HTML 문서입니다. 나는 위와 아래에있는 닫는 헤드 태그 아래에 스크립트를 퍼팅 시도하고 또한 같은 폴더에있는 로컬 jquery 파일에 연결 시도했지만 동일한 결과가 있어요.jsFiddle에서 작동하지만 내 브라우저 (FF, Chrome)에서는 작동하지 않습니다.

브라우저에서 링크를 클릭해도 대상 상자에 아무 것도 표시되지 않습니다. 초침 한 클래스 보이지만 여기

는 코드

<DOCTYPE html> 
<html> 
<head> 
<style media="screen" type="text/css"> 

.contentleft{ 
border:1px solid green; 
width:30%; 
float:left; 
} 
.contentright{ 
border:1px solid red; 
width:64%; 
float:right; 
height:400px; 
} 
.selectboxcontent{ 
width:100%; 
height:100px; 
background:#ccc; 
display:none; 
} 
</style> 


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
    <script type="text/javascript"> 
$(function() { 
    $('.selectBox').click(function() { 
     $('selectBoxContent').toggle("slide"); 
    return false; 

}); 
    }); 

</script> 

</head> 
<body> 



<div class="contentleft"> 
    <ul> 
     <li><a class="selectBox" href="">sample</a></li> 
     <li><a class="selectBox" href="">sample1</a></li> 
     <li><a class="selectBox" href="">sample2</a></li> 
    </ul> 
</div> 

<div class="contentright"> 
     <div class="selectBoxContent">its</div> 
     <div class="selectBoxContent">my</div> 
     <div class="selectBoxContent">way</div> 
    </div> 



</body> 
</html>

출처

2013-06-12 user2479031

변화

$('selectBoxContent')

$('.selectBoxContent')

첫번째는 매칭 태그 이름 요소를 찾는다이다 .

출처

2013-06-12 16:06:06 adeneo

Too Localized ..에 대한 가까운 투표를 추가하십시오. –

@RobW - 완료! – adeneo

감사합니다. 이제 작동합니다. – user2479031

jsFiddle에서 작동하지만 내 브라우저 (FF, Chrome)에서는 작동하지 않습니다.

답변

관련 문제