javascript - 使用 "if"语句通过 JS 应用 CSS

Question

我正在向我的网站添加一些 iOS 网络应用程序属性并尝试创建一个 <div>在页面顶部，在 JS 脚本中满足条件时应用一些 CSS。

但是，它不起作用，我不确定我是否正确应用了样式。我在这里演示了相同的想法:jsFiddle

我的实际脚本(在 http://www.mtscollective.com 上)是:

<script type="text/javascript">
    function statusBarBG(){
    if (("standalone" in window.navigator) &amp;&amp; window.navigator.standalone) {
             $('.status-bar').css('width', '100%');
             $('.status-bar').css('height', '20px');
             $('.status-bar').css('position', 'fixed');
             $('.status-bar').css('background', '#454545');
             $('.status-bar').css('z-index', '9999');
               };
    };
</script>

Answer 1

你只定义了函数而不是简单地执行它你可以像自执行匿名函数那样做

(function statusBarBG(){
    if (("standalone" in window.navigator) && window.navigator.standalone) {
             $('.status-bar').css('width', '100%');
             $('.status-bar').css('height', '20px');
             $('.status-bar').css('position', 'fixed');
             $('.status-bar').css('background', '#454545');
             $('.status-bar').css('z-index', '9999');
               };
    })();

同样，在 jsfiddle 中

1) 你没有添加任何 jQuery 库也没有执行函数

更新了 jQuery woring DEMO