Twitter喜欢行悬停回复,删除jquery中的链接

时间:2010-07-03 05:48:16

标签: jquery twitter hover row

是否有任何插件或如何显示twitter如行悬停回复,删除jquery中的链接.... 任何建议......

修改

我通过jquery,

迭代我的json数据
$.each(data.Results, function() {
                    divs += '<div class="resultsdiv">
                 <a href=Clients/Show/' + this.ClientId + '/>Details</div>';
                });

它的功能我的详细信息链接显示在所有行中...我想像行上的Twitter一样显示我在wnat上显示详细信息链接...

1 个答案:

答案 0 :(得分:1)

您最初可以隐藏您的详细信息链接,并且只能通过将事件处理程序挂钩到hover event来在鼠标悬停时显示它。

因此,基于您的代码段,您可能会执行以下操作:

$.each(data.Results, function() {
    $(divs).append('<div class="resultsdiv" style="display:none">
            <a href=Clients/Show/' + this.ClientId + '/>Details</div>').hover(function() {
        var $anchor = $(this).find('a');
        if $anchor.is(':hidden') {
            $anchor.show();
        } else {
            $anchor.hide();
        }
    });
});

您还可以使用the other variant of hover,其中提供两个回调函数,一个用于鼠标移入,另一个用于鼠标移出。这样您就可以根据相应的事件明确显示/隐藏锚点。