0


私はこの単純なスクリプトをコーディングしました（私は今JavascriptとJQueryを学んでいます）：

$(document).ready(function () {

    $("#lnkCollapse").click(function () {
        $("#contentArea").slideToggle("slow");
        return false;
    });
});

私のページには、id=lnkCollapse を追加したタグ A href がいくつかあります。

<a  id="lnkCollapse" href="#" class="circle">
     <h3>Some title</h3>
</a>

問題は、このスクリプトが html の最初の a href にのみ適用され、他のものには適用されないことです。なぜですか? また、id="lnkCollapse" の位置を変更すると

<a   href="#" class="circle" id="lnkCollapse">
     <h3>Some title</h3>
</a>

スクリプトはまったく適用されません。どうもありがとう！

4

3 に答える 3

3

特定の id を持つことができる要素は 1 つだけです。id の代わりにクラスを使用します。

<a href="#" class="circle lnkCollapse">
     <h3>Some title</h3>
</a>

$(document).ready(function () {
    $(".lnkCollapse").click(function () {
        $("#contentArea").slideToggle("slow");
        return false;
    });
});
于 2013-09-10T09:24:52.783 に答える
1

推測させてください...<a>同じIDを持つ複数の要素があります..IDは常に一意である必要があります..代わりにクラスを使用してください<a>..IDをクラスに変更し、.演算子を使用してください.

 <a  class="lnkCollapse" href="#" class="circle"> 
 //--^^^^^---here

 $(".lnkCollapse").click(function () {
 //-^--here
于 2013-09-10T09:25:20.657 に答える
0

この HTML を使用します

<a   href="#" class="circle lnkCollapse" id="lnkCollapse1">
 <h3>Some title</h3>
</a>

<a  id="lnkCollapse2" href="#" class="circle lnkCollapse">
 <h3>Some title</h3>
</a>

このJavaScriptを使用してください

$(document).ready(function () {

$(".lnkCollapse").click(function () {
    $("#contentArea").slideToggle("slow");
    return false;
    });
});
于 2013-09-10T09:27:01.767 に答える