360浏览器 a标签跳转页面失效

本文描述了在360浏览器中遇到的a标签点击无效问题,详细解释了由于a标签被包裹在button元素内导致的问题,并提供了三种解决方案:使用onclick属性替代a标签、阻止事件冒泡和直接移除button标签。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

问题描述:在360浏览器内 点击a标签无效,页面不跳转。谷歌火狐浏览器没问题。

发现问题:由于a标签父元素是button导致无法跳转页面

<button type="button" class="btn btn-info"> 
	<a href="{{asset('hotel/list')}}'" >返 回</a>
</button>

解决办法

1、使用 onclick代替a标签跳转

<button type="button" class="btn btn-info"
 onclick="location='{{asset('hotel/list')}}';return false" >
 		返 回
 </button>

2、阻止a标签冒泡事件

event.stopPropagation();

3、去掉button标签

<a href="{{asset('hotel/list')}}'"  class="btn btn-info">返 回</a>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值