-3

我一直在尝试使此代码正常工作（http://jsfiddle.net/2DY8M/9/），该文件是我桌面上文件夹中的单个 html 文档。我尝试将脚本放在结束头标记的上方和下方，还尝试链接到同一文件夹中的本地 jquery 文件，但我得到了相同的结果。

在浏览器中，当我单击链接时，目标框中没有任何内容。

这是代码

    <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>
4

1 回答 1

5

改变

$('selectBoxContent')

至

$('.selectBoxContent')

第一个查找具有匹配标记名的元素，而第二个查找类。

于 2013-06-12T16:06:06.743 回答