Question

我的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;
    }
}

当我点击图片时，这些功能无效..请帮助我。提前谢谢。

Answer 1

您的函数不知道此$(this)的含义是什么。确实如此，但这不是你想要的东西：）

在第一个函数中将$(this)替换为$(".star") 在其他功能中将$(this)替换为$(".star1")。

它会正常工作。

Answer 2

starcheck变量有什么用？

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

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

有关详细信息，请check W3C HTML standards。

链接不起作用？

2 个答案: