0

私は好き嫌いの機能を設計しています。しかし、嫌いなものも更新する必要があると同時に、好きなものを更新すると問題が発生しdivます。

これは嫌いな私の.jsです：

$('.dislike').click(function(e) {
    dislike = $(this);
    to_dislike= dislike.data('val');
    $.ajax({
        type     : 'POST',
        url      : '<?php echo site_url('/url.php');?>',
        data     : 'dislikes='+to_dislike,
        dataType : 'text',
        success  : function(data){
            $("#dislike_"+to_dislike).html(data);
        },
        error    : function(){
            $("#dislike_"+to_dislike).html('Sorry');
        }
    });
});

その動作は良好です。しかし、divを同時に更新するように変更したい:

<div id='like'></div>

ここに私のHTMLがあります:

<table>
    <tr>
        <td> <button class="like"></button></td>
        <td> <button class="dislike"></button></td>
    </tr>
    <tr>
        <td>LIKE : <div id='like'></div></td>
        <td> Dislike : <div id='dislike'></div></td>
    </tr>
</table>

編集：

更新: 好きなものと嫌いなものに関するデータを同時に取得し、そのデータを 2 つの異なる div に配置する必要があります。列のあるテーブルがlikeありdislikeます。いいねでいいねを更新します。ただし、特定の投稿を気に入った後に気に入らなかった場合、嫌いは +1 に更新され、好きは -1 に更新されます。

助けてください..

4

2 に答える 2

1

私が正しく理解している場合は、divの好き嫌いの数を更新したいだけです。

$('.dislike').click(function(e) {
   dislike = $(this);
   to_dislike= dislike.data('val');
   $.ajax({
       type     : 'POST',
       url      : '<?php echo site_url('/url.php');?>',
       data     : 'dislikes='+to_dislike,
       dataType : 'text',
       success  : function(data){
           var dislike = parseInt($("#dislike").html());
           var like = parseInt($("#like").html());
           if ( dislike >= 0 && like >= 0) {
              $("#dislike").html(dislike + 1);
              $("#like").html(like - 1);
           }
       }
   });
});
于 2013-10-30T03:07:01.573 に答える