jQuery:Gmail之星?

前端之家收集整理的这篇文章主要介绍了jQuery:Gmail之星?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想知道是否有人有任何关于创建一个gBox收件箱明星(最喜欢的)的好教程?

编辑:

我想我想要像stackoverflow star或gmail inBox star一样创建一些东西.我有一组列表项,我添加了几个控件.一个是复选框(用于存档或批量删除)和另一个我有一个占位符复选框用于收藏.我只是好奇最好的方法是用jquery制作它的时髦.

解决方法

HTML:
<div id="[item id,probably a number]">
    <p><a href="javascript:" class="star">Favorite Me!</a></p>
</div>

CSS(使用星形的图像精灵):

.star {
     text-indent: -5000px;
     display: block;
     background: transparent url(../images/star.png) [coords for empty star];
     height: [height of star];
     width: [width of star];
}

.star.favorited {
     background-position: [coordinates for favorited star];
}

jQuery的:

$(function() { 
    $('star').click(function() {
        var id = $(this).parents('div').attr('id');
        $(this).toggleClass('favorited');
        $.post('/yourUpdateUrl',{'favorited': $(this).hasClass('favorited'),'id': id},function(data) { 
                     //some sort of update function here
                  });
         });
     });
});

在你的后端处理你将如何.可能会返回有多少收藏夹来更新页面.简单.

猜你在找的jQuery相关文章