Question

当我的鼠标悬停在功能上时，可点击的图像不会将值发送到我的文本文件，但是当我将div标签更改为（this）它的工作但鼠标悬停在函数上时。

这是当鼠标悬停功能工作时不是发送咆哮值

  <div id="1"  onclick="SendRating(this,id);" onmouseover="rateStar(id)" value="> <img src="star.jpg"></div>

这是我的函数发送值，但鼠标在＆＃39; int工作。

<div id="2"  onclick="SendRating(this.id);" ><img src="star.jpg"></div>

这是我正在使用的两个功能。

function SendRating(RatingValue){
var paramas = "rating="+RatingValue;
$.ajax({
type: "POST",
  url: "rating.php",
  data: paramas,
    success: function(responseText)
    {
    document.getElementById("ContentHolder").innerHTML = responseText;
    }
  }
);
}

function rateStar(rating){
    var i = 1;
    var ratings = '';
    for (i==1; i<=5; i++){
        if (i<=rating){
            document.getElementById(i).innerHTML = '<img src=\"star1.gif\">';
        }
        else{
            document.getElementById(i).innerHTML = '<img src=\"star.jpg\">';
        }
    }
}

Answer 1

您忘记了rateStar(id)周围的引号：

<div id="3"  onclick="SendRating(value);" onmouseover="rateStar(id)"><img src="star.jpg"></div>

Answer 2

您正在使用名为value的变量，该变量不存在。也许你想使用this.id？

<div id="3"  onclick="SendRating(this.id);" onmouseover="rateStar(this.id)"><img src="star.jpg"></div>

另外，请注意我已将rateStar（this.id）包装在引号中。

Answer 3

当你从html标签调用js函数时，使用双引号是最好的做法。

<div id="3"  onclick="SendRating(this.id);" onmouseover="rateStar(id);"><img src="star.jpg"></div>

这将起作用

可点击的div标签不能使用鼠标功能

3 个答案: