可点击的div标签不会在鼠标悬停的情况下工作

Question

当我的鼠标悬停功能正常工作时，可点击的图片不会将值发送到我的文本文件，但是当我将div标签更改为（this）时其工作正常，但鼠标悬停功能aint。

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

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

这是当我的函数发送了价值，但鼠标a'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

当您从html标记调用js函数时，使用双引号是最佳做法。

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

这将工作

Answer 2

你忘了引号rateStar(id)：

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

Answer 3

您使用的是被称为value变量，它不存在。也许你想使用this.id？

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

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