Question

我使用woocommerce默认星级评分，我已将此jquery分配给星星html。

<script>
    $(function() {
      $(".comment-form-rating .stars span a").click(function() {
      alert("test"); 
      $(this).parents("form:first").submit();

      });

    });

</script>

HTML：

<p class="comment-form-rating"><label for="rating">Rating</label>
  <p class="stars">
    <span>
      <a class="star-1" href="#">1</a>
      <a class="star-2" href="#">2</a>
      <a class="star-3" href="#">3</a>
      <a class="star-4 active" href="#">4</a>
      <a class="star-5" href="#">5</a>
    </span>
  </p>
  <select name="rating" id="rating" style="display: none;">
    <option value="">Rate…</option>
    <option value="5">Perfect</option>
    <option value="4">Good</option>
    <option value="3">Average</option>
    <option value="2">Not that bad</option>
    <option value="1">Very Poor</option>
   </select>
</p>

点击星标，没有回复？我没有看到萤火虫的任何错误......没有警报。我希望用户点击星标然后提交他们的评级。星级评分系统也适用于jQuery，因此它们可能会发生冲突，但我如何让我的代码工作？提交按钮可以工作，但我的老板不想要那个......

我如何解决这个问题，以便我的代码有效？

Answer 1

我改变了寻找“观察”元素的方式，并且它运作良好。

$(function() {
  $('.stars').find('a').click(function() {
      alert("test"); 
      $(this).parents("form:first").submit();
  });
});

工作小提琴：http://jsfiddle.net/uosab7o4/1/

Answer 2

您的活动看起来不错，但您可能忘记将其放入$(document).ready(function() { // your code });。

Jquery添加活动到星级

2 个答案: