Twitter之类的行悬停回复,删除jquery中的链接

发布于 2024-09-08 09:17:13 字数 418 浏览 5 评论 0原文

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

编辑:

我正在通过jquery迭代我的json数据,

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

它的作用是我的详细信息链接显示在所有行中...我想在行悬停时像twitter一样显示我想要的显示详细链接...

Is there any plugin or how to display twitter like row hover reply,delete links in jquery....
Any suggestion....

EDIT:

I am iterating my json data via jquery,

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

What it does my details link is shown in all rows... I want to show like twitter on row hover i wnat to show details link...

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

宣告ˉ结束 2024-09-15 09:17:13

您最初可以隐藏详细信息链接,并通过将事件处理程序挂钩到 hover 事件。

因此,根据您的代码片段,您可能会执行以下操作:

$.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();
        }
    });
});

您还可以使用 其他变体悬停,您提供两个回调函数,一个用于鼠标移入,另一个用于鼠标移出。这样您就可以根据相应的事件显式显示/隐藏锚点。

You could initially hide your details links, and only shows it on mouse hover by hooking an event handler to hover event.

So based on your code snippet, you would probably do something like this:

$.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();
        }
    });
});

You can also use the other variant of hover where you provide two callback functions, one for mouse moving in and the other for mouse moving out. That way you can explicitly show/hide the anchor based on the corresponding event.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文