使用 Jquery 隐藏 DIV 在 Safari (iOS) 中不起作用

Posted

技术标签:

【中文标题】使用 Jquery 隐藏 DIV 在 Safari (iOS) 中不起作用【英文标题】:Hiding DIVs using Jquery is not working in Safari (iOS) 【发布时间】:2017-07-04 10:55:28 【问题描述】:

我编写了一个相当基本的脚本,它在准备好文档时隐藏 html 表单上的各种字段。这在我的台式机和 Kindle 上运行良好,但在使用 Safari 的 iPad 上试用时,没有任何元素被隐藏。

$(document).ready(function()

    //Hide the editable field DIVs
    $("#form_location_edit").hide();
    $("#form_bin_no_edit").hide();
    $("#form_area_edit").hide();
    $("#form_quantity_edit").hide();
    $("#form_denomination_edit").hide();
    $("#form_comments_edit").hide();
    $("#form_responsible_edit").hide();

我做错了什么?

【问题讨论】:

【参考方案1】:

某些版本的 Safari 不支持hide() 功能。您可以使用 CSS + addClass() 函数代替它。

见:Hide and show function not working in Safari

【讨论】:

以上是关于使用 Jquery 隐藏 DIV 在 Safari (iOS) 中不起作用的主要内容,如果未能解决你的问题,请参考以下文章

ios7 safari的地址栏用jquery怎么隐藏?

隐藏 Safari 组件时如何使用 jQuery Mobile 从错误加载页面中恢复?

滚动时JQuery移动隐藏地址栏[重复]

jquery.nicescroll.min.js滚动条使用方法

jQuery:仅针对 Safari

jQuery .append() 在 IE、Safari 和 Chrome 中不起作用