0

私は以下のhtml/smartyに5つ星システムを持っています

<ul class="star-rating" id="{$ID}">
<li><a href="#" class="one-star"></a></li>
<li><a href="#" class="two-stars"></a></li>
<li><a href="#" class="three-stars"></a></li>
<li><a href="#" class="four-stars"></a></li>
<li><a href="#" class="five-stars"></a></li>
</ul>

<div style="display:none;" id="ok">Vote submited</div>
<div style="display:none;" id="wrong">Wrong</div>
<div style="display:none;" id="loggedin">Log in to vote</div>

ulブロックには独自のIDがあります。魔女の星が押されてulidを取得する必要があります。このデータをphpに渡して応答を取得する必要があり、応答をフェードアウトする必要があります。以下にいくつかの基本的なコードを思いついたが、それを完成させて修正する必要がある。誰かが助けてくれるなら感謝しますか？

$( ".star-rating" ).click(function() {

    $.ajax({ 
        type: "POST",
        url: "js/ajax.php",
        data: "id" + id, "score" + score,
        success: function(pass) {
                      // all ok
            if(pass == '1') 
                 $("#ok").show();
                      // something went wrong
            else if(pass == '2') 
                 $("#wrong").show();
                         // you need to be logged in to vote
            else if(pass == '3') 
                 $("#loggedin").show();
        }
    });
});
4

2 に答える 2

1

にバインドしたいのaではなく、にバインドしたいようですul：

$('ul.star-rating').on('click', 'a', function() { // jquery 1.7+
  var score = this.className,
      ul = $(this).closest('ul'),
      id = ul[0].id;

  $.ajax({ 
        type: "POST",
        url: "js/ajax.php",
        data: {id: id, score: score}, // fixed formatting here
        success: function(pass) {
                      // all ok
            if(pass == '1') 
                 $("#ok").show().delay(5000).fadeOut(); // here is one way to do a fade out
                      // something went wrong
            else if(pass == '2') 
                 $("#wrong").show();
                         // you need to be logged in to vote
            else if(pass == '3') 
                 $("#loggedin").show();
        }
    });
    return false;
});

フェードを実行する1つの方法として、成功コールバックの遅延にも注意してください。

于 2012-01-11T22:54:56.710 に答える
0

もちろん、IDとスコアを取得する必要があります。

IDはULからのものであり、次のように取得できます。

var id = $(this).closest('ul').attr('id')

星の評価はクラスからのものです。すべてのクラスを取得し（他に追加されている場合）、評価を取得する必要があります。

var liClass = $(this).attr('class').split(' '), score;
$.each(liClass, function(i,v){
    if(v.indexOf('-star') !== -1){
      score = v;
      return false;
    }
});
于 2012-01-11T22:51:47.443 に答える