添加評級，並刪除onClick

<div class="row"> 
    <div class="col-xs-12 no-padding"> 
     <div id="rating" class="ratings no-padding"> 
      <div class="star_1 ratings_stars"></div> 
      <div class="star_2 ratings_stars"></div> 
      <div class="star_3 ratings_stars"></div> 
      <div class="star_4 ratings_stars"></div> 
      <div class="star_5 ratings_stars"></div> 
      <div class="star_6 ratings_stars"></div> 
      <div class="star_7 ratings_stars"></div> 
      <div class="star_8 ratings_stars"></div> 
      <div class="star_9 ratings_stars"></div> 
      <div class="star_10 ratings_stars"></div> 
     </div> 
    </div> 
</div> 

$('.ratings_stars').hover(

      // Handles the mouseover 

      function() { 

       $(this).prevAll().andSelf().addClass('ratings_over'); 


      }, 

      // Handles the mouseout 

      function() { 

       $(this).prevAll().andSelf().removeClass('ratings_over'); 

      } 

     );

這是我的代碼..問題是我需要的代碼工作的onClick，而不是懸停。我試圖通過點擊更改評分星。懸停工作正常，但這不是我所需要的。我能做什麼？有任何想法嗎？添加評級，並刪除onClick

來源

2017-04-05 driveaferrari

所以你嘗試了什麼？什麼是失敗？似乎你想第一部分在onclick – epascarello

我試圖改變懸停與點擊..但不工作 – driveaferrari

以及點擊只有一個功能 – epascarello

您可以使用上（）函數來描述here

的代碼會變得這樣的事情：

$('.ratings_stars').on('click', 
      function() { 
       $(this).prevAll().andSelf().addClass('ratings_over'); 
      } 
     );

我創建了一個代碼筆，可以幫助你：https://codepen.io/anon/pen/ZeZqmY

來源

2017-04-05 16:02:04

這是我所需要的..問題是當我點擊外數字..班級被刪除..我不希望那... – driveaferrari

@driveaferrari編輯你的問題，並描述預期的行爲。請提供一些例子，以便我可以編輯codepen ;-) –

https://jsfiddle.net/bgpzyayh/這裏是代碼...我不知道爲什麼，但在jsfiddle不工作...我需要的是使變星...這是一個評分系統。 – driveaferrari

添加評級，並刪除onClick

回答

相關問題