Question

我一直在尝试让这段代码工作（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>

Answer 1

变化

$('selectBoxContent')

到

$('.selectBoxContent')

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

它适用于jsFiddle，但不适用于我的浏览器（FF，Chrome）

1 个答案: