javascript 禁用 div 或链接？ (对于 5 星评级系统)

Question

基本上，我创建了一个 5 星评级系统。很典型。它会显示其他人给了该元素多少颗星星，然后当用户将鼠标悬停在星星上时，它会根据星星的数量点亮 x 颗星星。

全部由 AJAX 运行。他们单击 5 星，它会自动将他们的 5 星评级添加到组中。问题是在他们评价之后我想关闭系统，但我似乎做不到。

我已经尝试了所有我能想到的。我试过对 a href 和 div 使用 element.disable，但它仍然让他们一遍又一遍地投票，至少在 firefox 中是这样......任何人都可以帮我解决一个简单的“卡住”方法“用户投票的星星？？如果我需要添加代码，那很好!我认为在这种情况下可能没有必要!

我可能应该补充一下。由于复杂的原因，这是纯 js，而不是 jquery 或其他任何东西。

Answer 1

这实际上取决于您如何实现代码，但假设您有一些链接:

<div id="star-1" class="rate-it"><!-- HTML markup for your 5 stars --></div>
<div id="star-2" class="rate-it"><!-- HTML markup for your 5 stars --></div>

并动态地将 onclick 添加到基础 div，然后在被调用的函数中，您将执行如下操作:

function rateStars() {
   if(!this.rated) {
      this.rated = true;
      ...other code...
   }
}

这有点取决于作用域中的内容，但如果 HTML 元素是作用域，这将起作用。