它的工作原理上的jsfiddle但不是在我的瀏覽器（FF，鉻）

-2

我一直試圖讓這個代碼工作（http://jsfiddle.net/2DY8M/9/），該文件是在我的桌面上的文件夾在一個單一的HTML文檔。我試圖把腳本放在頭部標籤的上面和下面，並嘗試鏈接到同一個文件夾中的本地jquery文件，但是我得到了相同的結果。它的工作原理上的jsfiddle但不是在我的瀏覽器（FF，鉻）

在瀏覽器中，當我單擊鏈接時，目標框中不會顯示任何內容。

下面是代碼

<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

請添加一個接近的選票太本地化.. –

@RobW - 完成！ – adeneo

謝謝，它現在有效。 – user2479031

它的工作原理上的jsfiddle但不是在我的瀏覽器（FF，鉻）

回答

相關問題