1

因此，我正在尝试使您将鼠标悬停在第 4 颗星上的评级系统高亮显示直到该星的所有星。我浏览了这里的许多帖子，坦率地说，有很多替代方案可能会更容易，但我喜欢自己做事，这只是为了好玩。基本上它只是让我烦恼，我无法让这个工作。

$(document).ready(function() {
 $(".star")
 .hover(

  function(){

  var n = $('#stars>.starHolder>.star').index(this);
  alert(n);
      $('.star:lt(n)').css('left', '-27px' );
  },
  function(){
      $('.star:lt(n)').css('left', '0px' );
      }
    );              
});

这就是我所拥有的，如果不是 :lt(n) 我输入 :lt(5) 或任何数字，它就会完全按预期工作；对于 10 个图像中的每一个，我都有 jQuery 将其向左和向后滑动。我唯一的问题是它的可变部分不起作用。在那里，我将警报设置为显示 n 并且它显示了一个数字，正如我所期望的那样，但它没有传递给函数。我在 Firebug 中没有收到任何错误。显然 Javascript 不是我的强项，所以请保持温和 :) 谢谢！

4

1 回答 1

1

n in lt(n) is not variable 尝试使用

$('.star:lt('+n+')')
于 2013-10-13T16:51:48.277 回答