jQuery click() 在移动浏览器中不起作用

问题描述 投票:0回答:1
<button class="proceed">
    <div class="text-sm-bold clr-white" onclick="proceedBook()">PROCEED FOR BOOKING</div>
</button>
<button id="hid-cb" hidden type="submit" class="proceed-btn" name="conform-booking">PROCEED FOR BOOKING</button>

const proceedBook= ()=>{$("#hid-cb").click()}

$("#hid-cb").click()
不适用于移动设备

我使用 jQuery vclick

const proceedBook= ()=>{$("#hid-cb").vclick()}

错误:未捕获类型错误:$(...).vclick 不是函数

jquery jquery-mobile click
1个回答
0
投票
const proceedBook = () => {
$("#hid-cb").trigger('click');
} 

当调用proceedBook()函数时,这将触发隐藏按钮上的“click”事件。

为了移动兼容性,请确保您的移动环境支持您正在使用的事件。有时,某些事件在移动浏览器上的行为可能有所不同,您可能需要使用触摸事件或其他特定于移动设备的事件。

const proceedBook = () => {
// Check for mobile and trigger appropriate event
if (/Mobi/.test(navigator.userAgent)) {
    $("#hid-cb").trigger('touchstart'); // Use touchstart for mobile
} else {
    $("#hid-cb").trigger('click'); // Use click for non-mobile
}
}
© www.soinside.com 2019 - 2024. All rights reserved.