jQuery Mobile 重排表标题消失

Question

我尝试将 jQuery 回流表添加到我的网站，但是当它转到移动设备时，顶行表标题会在它们应该出现在 <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 包。以下是我在构建自定义构建时必须选择的选项（将自动选择一些其他依赖项）：

• 核心
  • 初始化
• 小部件
  • 表：回流

如前所述，选择这些将选择一堆其他必需的包。但结果将是表格在较小的屏幕上按预期工作，表格标题放置在表格行旁边。