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

时间:2014-04-28 06:47:52

标签: javascript ios css

我正在向我的网站添加一些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>

2 个答案:

答案 0 :(得分:2)

你只定义了函数并且没有执行它只是你可以像

一样自动执行匿名函数
(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

答案 1 :(得分:0)

尝试这种方法..

$('.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");