-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变量有什么用？

我可以看到您的链接同时有两个类：我不确定这是否有帮助。您应该使用单个空格分隔您的类名，以便为单个元素使用多个类：

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

有关更多信息，请查看 W3C HTML 标准。

于 2012-08-30T07:35:28.570 回答