Gmail之星使用jQuery书签书签

Question

我想创建一个使用jQuery书签之类的明星。不幸的是，我所拥有的只是一种方式。这意味着，如果某个链接未加星标，那么它会成功标记它，但如果某个链接已经加入了主题，并且我希望取消其星标，那么星形图像将从网页中完全消失，但是在后端它可以正常工作，但是在星球的前端图像完全消失。

我在我的HTML如下：

require_once('connection.inc.php'); 
$con = dbConnect('read'); 
$sql = "SELECT * FROM trn_bookmark"; 
$result = $con->query($sql) or die(mysqli_error()); 
while($row = $result->fetch_assoc()) { 
    $className = "star"; 
    if($row['bookmark_flag'] == 'Y'){ 
     $className = "favorited"; 
    } 
    echo '<div id="'.$row['bookmark_id'].'"><a href="javascript:void(0);" class="'.$className.'"></a> <span>'.$row['bookmark_desc'].'</span></div>'; 
} 

CSS：

.star { 
background-color: transparent; 
background-image: url('star-off.png'); 
background-repeat:no-repeat; 
display: block; 
height:16px; 
width:16px; 
float:left; 
} 
.favorited { 
text-indent: -5000px; 
background-color: transparent; 
background-image: url('star-on.png'); 
background-repeat:no-repeat; 
height:16px; 
width:16px; 
float:left; 
} 

JavaScript函数是这样的：

$(document).ready(function(){ 
$('.star,.favorited').click(function() { 
     var id = $(this).parents('div').attr('id');    
     var className = $(this).attr('class'); 
     var flag = (className=='star') ? 'Y':'N'; 
     var $this = $(this); 
     $.ajax({ 
       type: "post", 
       url: "conversation.php", 
       cache: false,    
       data:{'bookmarkId': id,'flag':flag}, 
       success: function(response){ 
        if(response=='true'){        
         $this.toggleClass("favorited"); 
        } 
       }, 
       error: function(){      
        alert('Error while request..'); 
       } 
      }); 
    }); 
}); 

而且conversation.php：

$bookmarkId = $_POST['bookmarkId']; 
$flag = $_POST['flag']; 
require_once('connection.inc.php'); 
$con = dbConnect('read'); 
$stmt = $con->stmt_init(); 
$sql = "UPDATE trn_bookmark SET bookmark_flag = ? WHERE bookmark_id = '$bookmarkId'"; 
    if ($stmt->prepare($sql)) { 
     $stmt->bind_param('s', $flag); 
     $done = $stmt->execute(); 
    } 

    echo 'true'; 

我已经上传了，所以你可以看到现场发生了什么。你可以看到正在发生的事情在这里点击此链接：http://www.rytenet.com/starrating/index.php

Answer 1

试试这个

当页面加载如果明星最​​爱的IT卖场的$ className =“最爱”不是的className =“明星收藏”

while($row = $result->fetch_assoc()) { 
    $className = "star"; 
    if($row['bookmark_flag'] == 'Y'){ 
     $className .= " favorited"; 
    } 
    echo '<div id="'.$row['bookmark_id'].'"><a href="javascript:void(0);" class="'.$className.'"></a> <span>'.$row['bookmark_desc'].'</span></div>'; 
}