确定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的内嵌标签顶部

回答

相关问题