Question

我需要检索.ui-navbar元素的高度我写了这段代码：

var window_height = $(window).height();
$(document).on("pagecreate",function(){
    var header_height = parseInt($('.ui-navbar').height());
    console.log('header height is: ' + header_height);
    if(header_height){$('iframe#chat_ext').css({'height':window_height-header_height});}
});

这是我的.navbar内容：

<div data-role="navbar" class="ui-navbar" role="navigation">
        <ul id="cssmenu" class="ui-grid-c">
           <li class="ui-block-a"><a href="#home" class="ui-link ui-btn">Home</a></li>
           <li class="ui-block-b"><a href="#pool" class="ui-link ui-btn">Cerca</a></li>
           <li class="ui-block-c"><a href="#chat" class="go_to_chat ui-link ui-btn">Chat<span class="in_msg">0</span></a></li>
           <li class="ui-block-d"><a href="index.php?logout=1" data-ajax="false" class="ui-link ui-btn">Exit</a></li>
        </ul>               
</div>

我得到的是日志给我＆＃34;标题高度为：0＆＃34;当我加载页面。然后，如果我切换一些页面（通常是两个或三个），我会得到正确的数字 pagecreate是在所有元素（静态加载的元素）到位时触发的事件吗？

Jquery mobile：在页面创建事件上检索元素维度

0 个答案: