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) &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');
               };
    })();

另外，在jsfiddle

1）您没有添加任何jQuery库而没有执行函数

更新了jQuery woring DEMO

Answer 2

尝试这种方法..

$('.status-bar').setAttribute("style","width: 100%");
$('.status-bar').setAttribute("style","height: 20px");
$('.status-bar').setAttribute("style","position: fixed");
$('.status-bar').setAttribute("style","background: #454545");
$('.status-bar').setAttribute("style","z-index: 9999");

通过JS使用“if”语句应用CSS

2 个答案: