2016-08-24 61 views
0

我想弄清楚如何讓jquery Raty插件需要。有沒有人知道一個簡單的方法來確保用戶點擊了一顆星星。如果有人需要查看任何代碼的一部分,請問我。我並不擅長jquery,所以請詳細說明,謝謝。jquery raty需要評分

$rates.raty({ 
     half: false, 
     target : '#add_post_rating', 
     hints: pixreviews.hints, 
     path: path, 
     targetKeep : true, 
     //targetType : 'score', 
     targetType : 'hint', 
     //precision : true, 
     score: default_rating, 
     scoreName: 'pixrating', 
     click: function(rating, evt) { 

      $('#add_post_rating').val('' + rating); 
      $('#add_post_rating option[value="' + rating + '"]').attr( 'selected', 'selected'); 

     }, 
     starType : 'i' 
    }); 
+0

這個接縫是去'$( '格')RATY( '分數')的方式;'從[jQuery的RATY - 。函數](https://github.com/wbotelhos/raty#functions) –

+0

我應該在哪裏放置這個 – jakecolor

+0

_「有誰知道一個簡單的方法來確保用戶點擊了一顆星星_... so ,這取決於你需要檢查的地方......或者什麼事件「觸發你的問題」,例如onclick,beforeClose。 –

回答

1

因爲你定義:

scoreName: 'pixrating' 

RATY將創建格內輸入型隱藏字段。你需要考慮這個領域。

我的榜樣,fiddle

$(function() { 
 
    $('div').raty({ 
 
    half: false, 
 
    hints: ['bad', 'poor', 'regular', 'good', 'gorgeous'], 
 
    path: 'https://raw.githubusercontent.com/wbotelhos/raty/master/lib/images/', 
 
    targetKeep: true, 
 
    //targetType : 'score', 
 
    targetType: 'hint', 
 
    //precision : true, 
 
    score: 0, 
 
    scoreName: 'pixrating', 
 
    click: function (rating, evt) { 
 
     $('#add_post_rating').val(rating); 
 
    }, 
 
    starType: 'i' 
 
    }); 
 

 
    // handle the select box changes 
 
    $('#add_post_rating').on('change', function (e) { 
 
    $('div input[name="pixrating"]').val(this.value); 
 
    $('div').raty('score', this.value); 
 
    }).trigger('change'); 
 

 
    // on form submit do your test.... 
 
    $('#frm').on('submit', function(e) { 
 
    if ($('div').raty('score') == '0') { 
 
     e.preventDefault(); 
 
     console.log('error: raty is 0!'); 
 
     return; 
 
    } 
 
    }) 
 
});
<link rel="stylesheet" href="https://rawgit.com/wbotelhos/raty/master/lib/jquery.raty.css"> 
 
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script> 
 
<script src="https://rawgit.com/wbotelhos/raty/master/lib/jquery.raty.js"></script> 
 

 
<form id="frm"> 
 
    <div></div> 
 
    <select id="add_post_rating"> 
 
     <option value="0"></option> 
 
     <option value="1">1</option> 
 
     <option value="2">2</option> 
 
     <option value="3">3</option> 
 
     <option value="4">4</option> 
 
     <option value="5">5</option> 
 
    </select> 
 
    <input type="submit" value="Submit"> 
 
</form>