ASP Core - jquery总是从第一个点击的控件返回data-url
创始人
2024-11-11 15:30:51
0

在ASP.NET Core中,你可以使用jQuery的事件委托机制来解决这个问题。通过事件委托,你可以将事件处理程序绑定到父级元素上,而不是直接绑定到每个子元素上。这样,无论你点击哪个子元素,事件处理程序都会被触发。

以下是一个使用事件委托来处理点击事件并获取data-url属性的示例代码:

HTML代码:

JavaScript代码:

$(document).ready(function () {
    $('#container').on('click', '.btn', function () {
        var url = $(this).data('url');
        console.log(url);
    });
});

在上面的示例中,我们将点击事件绑定到id为"container"的父级元素上。当点击任何一个class为"btn"的子元素时,事件处理程序被触发。然后,我们可以使用jQuery的data()方法获取data-url属性的值,并将其打印到控制台上。

通过使用事件委托,无论你点击哪个按钮,都会从相应的按钮中获取到正确的data-url属性值。

相关内容

热门资讯

三分钟黑科技!中至软件扑克挂,... 三分钟黑科技!中至软件扑克挂,扑克世界牌局设置(详细透视辅助软件教程)1、完成中至软件扑克挂的残局,...
8分钟教程!四川家园麻将断勾卡... 8分钟教程!四川家园麻将断勾卡有没有挂,wepoke德州扑克系统规律(详细透视辅助app教程)1、每...
1分钟辅助挂!浙江游戏大厅ap... 1、1分钟辅助挂!浙江游戏大厅app辅助,wopoker辅助器免费版v2.0(详细透视辅助神器教程)...
四分钟介绍!新麻圈辅助,德扑之... 新麻圈辅助新手教程相关信息汇总(需添加指定薇757446909获取下载链接);四分钟介绍!新麻圈辅助...
2分钟辅助挂!吉祥麻将填大坑怎... 2分钟辅助挂!吉祥麻将填大坑怎么能让胜率高,wpk如何才能稳定长期收益(详细透视辅助工具教程)1、让...
9分钟攻略!推大石有外挂么,p... 9分钟攻略!推大石有外挂么,pokerx机器人(详细透视辅助软件教程);实战中需综合运用上述技巧,并...
8分钟教学!潮汕雀友外挂,wp... 8分钟教学!潮汕雀友外挂,wpk系统发牌规律(详细透视辅助软件教程);超受欢迎的潮汕雀友外挂稳赢小游...
四分钟详情!逗娱碰胡辅助拿好牌... 四分钟详情!逗娱碰胡辅助拿好牌,wpk微扑克真的有辅助(详细透视辅助神器教程)是一款可以让一直输的玩...
七分钟介绍!雀神小程序怎么调胜... 七分钟介绍!雀神小程序怎么调胜率,微扑克wpk辅助软件(详细透视辅助器教程);值得一提的是,雀神小程...
4分钟方法!花花生活圈辅助器,... 4分钟方法!花花生活圈辅助器,微扑克ai代打(详细透视辅助器教程);花花生活圈辅助器简单的灵活控制,...