iPhone未响应单击事件

iPhone未响应单击事件,iphone,mobile,safari,click,dom-events,Iphone,Mobile,Safari,Click,Dom Events,我正试图让导航栏在移动Safari上响应。它在iPhone模拟器上运行良好。 根据这个答案,我认为只需添加cursor:pointer属性就可以了,但还是没有运气。 非常感谢任何帮助(该代码在桌面浏览器上运行良好) 及表格: <div class="nav"> <ul> <li id="activetab" title="<?php echo _('Login'); ?>"><?php echo _('Step 1'); ?>&

我正试图让导航栏在移动Safari上响应。它在iPhone模拟器上运行良好。 根据这个答案,我认为只需添加
cursor:pointer
属性就可以了,但还是没有运气。 非常感谢任何帮助(该代码在桌面浏览器上运行良好)

及表格:

<div class="nav">
<ul>
    <li id="activetab" title="<?php echo _('Login'); ?>"><?php echo _('Step 1'); ?></li>
    <li title="<?php echo _('Professional Details'); ?>"><?php echo _('Step 2'); ?></li>
    <li title="<?php echo _('Optional'); ?>"><?php echo _('Step 3'); ?></li>
</ul>
</div>

    <button type="submit"><?php echo _('Submit'); ?></button>
</fieldset>
</form>

    :)固定

    :)固定

    <div class="nav">
    <ul>
        <li id="activetab" title="<?php echo _('Login'); ?>"><?php echo _('Step 1'); ?></li>
        <li title="<?php echo _('Professional Details'); ?>"><?php echo _('Step 2'); ?></li>
        <li title="<?php echo _('Optional'); ?>"><?php echo _('Step 3'); ?></li>
    </ul>
    </div>
    
        <button type="submit"><?php echo _('Submit'); ?></button>
    </fieldset>
    </form>
    
    $(document).ready(function(){
    var ua = navigator.userAgent,
    event = (ua.match(/iPhone/i)) ? "touchstart" : "click";