-1

私のhtmlコードは

<div id="starimg">
  <a href="#" class="imgstar" onclick="ratingFunc()"><img src="images/star1.png" class="star" /></a>
  <a href="#" class="imgstar" onclick="ratingFunc()"><img src="images/star1.png" class="star" /></a>
  <a href="#" class="imgstar" onclick="ratingFunc()"><img src="images/star1.png" class="star"/></a>
  <a href="#" class="imgdarkstar" onclick="ratingApp()"><img src="images/star2.png" class="star1"/></a>
  <a href="#" class="imgdarkstar" onclick="ratingApp()"><img src="images/star2.png" class="star1" /</a>  
</div>

私のJavaスクリプトコードは

function ratingFunc(){
    if( $('.star').attr("src")=='images/star1.png'){
        $(this).replaceWith("<img src='images/star2.png' class="star1"/>");
        starcheck=true;
    }
    else{
        $(this).replaceWith("<img src='images/star1.png' class="star"/>");
        starcheck=false;
    }
}

function ratingApp(){
    if($('.star1').attr("src")=='images/star2.png'){
        $(this).replaceWith("<img src='images/star1.png' class="star"/>");
        starcheck=true;
    }
    else{
        $(this).replaceWith("<img src='images/star2.png' class"star1"/>");
        starcheck=false;
    }
}

画像をクリックすると、これらの機能が機能しません。助けてください。前もって感謝します。

4

2 に答える 2

1

$(this)あなたの関数は、これが何を意味するのかを知りません。それはしますが、それはあなたが探しているものではありません:)

最初の関数で置換し$(this)、他の関数で置換します。$(".star")$(this)$(".star1")

そしてそれはうまくいくでしょう。

于 2012-08-30T07:26:35.910 に答える
-1

starcheck変数の用途は何ですか？

あなたのリンクには同時に 2 つのクラスがあることがわかります。単一の要素に対して複数のクラスを使用するには、クラス名を単一のスペースで区切る必要があります。

<a href="#" class="imgstar star" onclick="ratingFunc()"><img src="images/star1.png"/></a>

詳細については、W3C HTML 標準を確認してください。

于 2012-08-30T07:35:28.570 に答える