扫码关注官方订阅号
我有一个订阅用户个人资料按钮,仅当我单击 rss font Awesome 图标时才起作用,而按钮的其余部分则不起作用。我尝试了几次重写,将按钮元素设置为单击事件,但它们根本不起作用。
以下代码仅在单击图标元素时起作用:
userSubscribed): ?> Subscribed Subscribe
这是使整个按钮可点击的一种尝试:
Subscribe
您的想法是正确的,更改您的点击处理程序以选择按钮而不是图标,但您错过了之后的步骤,该步骤正在更改您检测单击的是“订阅”还是“取消订阅”的方式。当单击处理程序位于图标上时,该类直接位于被单击的元素上,但是当您更改为父按钮时,您必须向下选择按钮的子级以查看图标上的类以确定它是否是“订阅” ”或“取消订阅”。这应该是一个简单的修复:
$clicked_btn = $(this); let $icon = $clicked_btn.find('i').first(); if ($icon.hasClass("fa-solid fa-rss")) { action = "subscribe"; } else if ($icon.hasClass("fa-solid fa-user-check")) { action = "unsubscribe"; }
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
您的想法是正确的,更改您的点击处理程序以选择按钮而不是图标,但您错过了之后的步骤,该步骤正在更改您检测单击的是“订阅”还是“取消订阅”的方式。当单击处理程序位于图标上时,该类直接位于被单击的元素上,但是当您更改为父按钮时,您必须向下选择按钮的子级以查看图标上的类以确定它是否是“订阅” ”或“取消订阅”。这应该是一个简单的修复:
$clicked_btn = $(this); let $icon = $clicked_btn.find('i').first(); if ($icon.hasClass("fa-solid fa-rss")) { action = "subscribe"; } else if ($icon.hasClass("fa-solid fa-user-check")) { action = "unsubscribe"; }