当前位置：文江博客话题详情

在 jQuery 中添加类在新类上运行函数

发布于 2024-11-27 03:25:10 字数 193 浏览 3 评论 0原文

我正在尝试将 Class 添加到 href，然后在该新类上运行一个函数。

问题是一旦添加了类，我就无法让任何 js 对其进行处理。

这是一个小提琴：

http://jsfiddle.net/3hp9f/2/

原文

分享到QQ

分享到微博

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

发布评论

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

蓝色星空 2024-12-04 03:25:10

您有几个错误：

这可行：

$("a.theLink").click(function(event){
    event.preventDefault();
    $(this).addClass("live");
});

$("a.live").live('click',function(event){
    event.preventDefault();
    alert("YO!");
});

您需要防止默认事件行为，并添加面向未来的事件观察者，例如 live() 或 delegate()因为您在设置绑定后将类添加到对象。

http://jsfiddle.net/AlienWebguy/3hp9f/16/

You have a couple errors:

This works:

$("a.theLink").click(function(event){
    event.preventDefault();
    $(this).addClass("live");
});

$("a.live").live('click',function(event){
    event.preventDefault();
    alert("YO!");
});

You need to prevent the default event behavior, and also add a future-proof event observer such as live() or delegate() since you are adding the class to the object after the bind has been set.

http://jsfiddle.net/AlienWebguy/3hp9f/16/

回复收藏 0 原文

我的黑色迷你裙 2024-12-04 03:25:10

您在对象具有类之前附加 a.live 事件处理程序，将处理程序移动到第一个事件处理程序中，即

$("a.theLink").click(function(){
    $(this).addClass("live");
    $("a.live").click(function(){
         alert("YO!");
         return false;
     });
    return false;
});

这不是最好的方法，但我希望它告诉您出了什么问题。

You are attaching the a.live event handler before the object has the class, move the handler inside the first one, ie

$("a.theLink").click(function(){
    $(this).addClass("live");
    $("a.live").click(function(){
         alert("YO!");
         return false;
     });
    return false;
});

This is not the best way but I hope it shows you what is wrong.

回复收藏 0 原文

风启觞 2024-12-04 03:25:10

您可以使用 live (API Ref) 方法来实现此目的，该方法附加所有当前和未来与选择器匹配的事件：

$("a.live").live('click', function(){
    alert("YO!");
    return false;
});

You can use the live (API Ref) method for this, which attaches an event to all current and future matches to the selector:

$("a.live").live('click', function(){
    alert("YO!");
    return false;
});

回复收藏 0 原文

蓬勃野心 2024-12-04 03:25:10

给你：http://jsfiddle.net/Skooljester/KcG8g/。您需要使用 .live 而不是 .click。

回复收藏 0 原文

就像说晚安 2024-12-04 03:25:10

尝试 this

$("a.theLink").click(function(){
    $(this).unbind('click').addClass("live");
    return false;
});

$("a.live").live('click', function(){
    alert("YO!");
    return false;
});

该代码与您的代码并不完全一样，但存在一些问题。我使用了 $('').live 但您可能希望将事件绑定到第一个单击事件中。另请注意，如果您从事件返回 false 而不是使用 PreventDefault，则只有第一个单击事件才会触发。

Try this

$("a.theLink").click(function(){
    $(this).unbind('click').addClass("live");
    return false;
});

$("a.live").live('click', function(){
    alert("YO!");
    return false;
});

The code isn't exactly how you had it but there are some issues. I used $('').live but you might want to bind the event inside of your first click event. Also know that if you return false from your events instead of using preventDefault only the first click event will fire.

回复收藏 0 原文

~没有更多了~