jQuery CSS 在 Safari 中不起作用答案

【问题标题】：jQuery CSS not working in SafarijQuery CSS 在 Safari 中不起作用
【发布时间】：2015-08-16 10:39:07
【问题描述】：

我的脚本中的“提交时”函数中有以下一组条件：

    if (required) {
        if (upload) {
            $('.upload-button').css({ 'display' : 'none' });
            $('.uploading').css({ 'display' : 'block' });
            return true; 
        } else {
            return false;
        }
    } else {
        return false;
    }

这两条 CSS 行在除 Safari 之外的所有浏览器中都能正常运行。

有人知道这在 Safari 中不起作用的任何原因吗？我已经清除了缓存等。

【问题讨论】：

使用show()和hide()
当您说它是“在提交时”功能时，您是指表单的submit() 事件，还是提交按钮的click()？另外，您能否提供更多“它不起作用”的详细信息。为什么它不起作用？你期望会发生什么？等
代码看起来正确。你确定代码被执行了吗？也许还有另一个问题阻止脚本到达那里。
是的，这似乎是在 safari 中 run fine for me
也许您可以尝试从显示部分删除引号。从“显示”到仅显示。 $('.upload-button').css({ display : 'none' });$('.uploading').css({ display : 'block' });

标签： javascript jquery html css safari

【解决方案1】：

当你像这样添加 Css 时，它会内联。这不是一个好习惯，可能会导致一些问题。尝试使用 css 类执行此操作：

在我们的 CSS 中创建 2 个类：

.hide{display:none;}
.show{display:block;}

现在在你的 js 代码中：

$('.upload-button').removeClass('show').addClass('hide);
$('.uploading').removeClass('hide').addClass('show');

【讨论】：