確定jQuery Mobile的內嵌標籤頂部

我使用這個jQuery Mobile的內嵌標籤控件：確定jQuery Mobile的內嵌標籤頂部

https://github.com/kryops/jqm-inlinetabs

它呈現HTML我有這樣的：

<div id="main_tabs" data-role="inlinetabs" data-mini="true"> 
    <ul class="ui-inlinetabs-bar ui-corner-all ui-mini"> 
     <li role="button" style="width: 90px;" data-tab="1" class="tab-list-item ui-btn ui-btn-inline ui-mini ui-corner-all ui-inlinetabs-tab ui-btn-active">Test</li> 
     <li role="button" style="width: 90px;" data-tab="2" class="tab-list-item ui-btn ui-btn-inline ui-mini ui-corner-all ui-inlinetabs-tab">Again</li> 
    </ul> 
    <div class="ui-inlinetabs-container"> 
     <div style="display: block; height: 500px;" data-tab="1" class="tab-content ui-inlinetabs-content"> 
     </div> 
    <div style="display: none;" data-tab="2" class="tab-content ui-inlinetabs-content"> 
    </div> 
</div>

..和在FF看起來是這樣的：

enter image description here

我FIGUR以計算標籤內容的絕對頂部（即，我需要這樣做：

$('#main_tabs').find('.ui-inlinetabs-container').offset().top;

除了它返回0.任何想法，爲什麼它不會工作？

來源

2014-10-30 Dave Nottage

您的代碼實際上看起來工作。小提琴會很棒 – cforcloud 2014-10-30 04:34:23

我之前在一個問題中提供了一個小提琴。我花了一些時間來創作小提琴，這樣其他人就很容易看到問題。它被降低了，然後關閉了「脫離主題」，當我刪除了小提琴的鏈接，並增加了更多的細節，所以原諒我不鼓勵重複一集。 – 2014-10-30 04:47:16

我們都在這裏通過犯錯來學習。這就是你如何得到同伴壓力徽章。我在http://kryops.de/jqm/tabs/demo/用'$（'。ui -inlinetabs-container'）。offset（）;'它測試了 – cforcloud 2014-10-30 04:51:35

事實證明，我正試圖在頁面「準備就緒」之前讀取最高值。（我正在使用jQM的頁面切換功能在頁面之間切換）。

的解決方案是創建標籤使用pagecontainershow事件後顯示的頁面，給大家您的意見例如： -

$(document).on('pagecontainershow', function() { 
    // Determine which page is being shown by using 
    // $.mobile.pageContainer.pagecontainer('getActivePage') 
    // and act on that 
});

感謝。

來源

2014-10-30 22:53:46

確定jQuery Mobile的內嵌標籤頂部

回答

相關問題