jQuery移动回流TableHeaders消失

Question

我尝试在我的网站上添加 jQuery 回流 table 但是当它转到移动设备时，顶行 table headers 在它们应该出现在<td>内容。

Top row TH not displaying

我不能使用 jsfiddle，因为它使用 jQuery Mobile 的 cdn，它似乎可以完全工作，但我不能使用 CDN，因为它会破坏网站。网页： Test Web Page

HTML:

<table data-role="table" id="result" data-mode="reflow" class="ui-responsive ui-table ui-table-reflow table-stroke">
  <thead>
    <tr>
      <th>Rank</th>
      <th>Movie Title</th>
      <th>Year</th>
      <th><abbr title="Rotten Tomato Rating">Rating</abbr></th>
      <th>Reviews</th>
      <th>Director</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>1</th>
      <td class="title"><a href="http://en.wikipedia.org/wiki/Citizen_Kane" data-rel="external">Citizen Kane</a></td>
      <td>1941</td>
      <td>100%</td>
      <td>74</td>
      <td>Orson Welles</td>
    </tr>
    <tr>
      <th>2</th>
      <td class="title"><a href="http://en.wikipedia.org/wiki/Casablanca_(film)" data-rel="external">Casablanca</a></td>
      <td>1942</td>
      <td>97%</td>
      <td>64</td>
      <td>Michael Curtiz</td>
    </tr>
  </tbody>
</table>

我从网站上下载了 jQuery reflow 的定制版本，所以它可能缺少一些模块？它可以使用完整下载或 CDN。

Answer 1

看来关键是在创建自定义构建时添加 Core Init 包。以下是我在构建自定义构建时必须 select（这将 auto-select 一些其他依赖项）的选项：

核心
- 初始化
小部件
- Table：回流

如前所述，selecting 这些将 select 一堆其他必需的包。但结果将是 table 在较小的屏幕上按预期工作，table headers 放置在 table 行旁边。

jQuery移动回流TableHeaders消失

jQuery Mobile Reflow Table Headers Disappears

html

javascript

jquery

jquery-mobile