-3

私はこのコードを機能させようとしています ( http://jsfiddle.net/2DY8M/9/ )。ファイルは、デスクトップのフォルダーにある単一の html ドキュメントです。終了 head タグの上下にスクリプトを配置してみました。また、同じフォルダー内のローカル 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')

最初のものは一致するタグ名を持つ要素を探し、2 番目のものはクラスを探します。

于 2013-06-12T16:06:06.743 に答える