3

我一直在使用 jQuery Mobiles 新的响应式表格。我有 3 张桌子,其中 2 张按预期工作,但由于某种原因,最后一张拒绝工作。

这是代码:

<table data-role='table' id='TableProfile' class='ui-responsive table-stroke'>
<thead>
    <tr>
        <th data-priority='persist'>#</th>
        <th data-priority='persist'>Title</th>
        <th>Author</th>
        <th>Publisher</th>
        <th>Edition</th>
        <th data-priority='3'>Condition</th>
        <th data-priority='2'>Price</th>
        <th>Sold</th>
    </tr>
</thead>
<tbody>
    <tr>
        <td>1</td>
        <td>Thomas Calculus Early Transcendentals</td>
        <td>MD.Weir, GB.Thomas Jr, J. Hass, FR.Giordano</td>
        <td>Brooks/Cole</td>
        <td>12</td>
        <td>5</td>
        <td>750</td>
        <td><input type='button'  value='Sold' name=70/></td>
    </tr>
    <tr>
        <td>2</td>
        <td>Thomas Calculus Early Transcendentals</td>
        <td>MD.Weir, GB.Thomas Jr, J. Hass, FR.Giordano</td>
        <td>Brooks/Cole</td>
        <td>10</td>
        <td>4</td>
        <td>1000</td>
        <td><input type='button'  value='Sold' name=73/></td>
    </tr>
</tbody>

</table>

我使用的是 jQuery Mobile 1.3 版,但我不知道为什么这个表不工作

4

2 回答 2

1

我确定在某些地方存在错误,因为此功能是新功能。现在解决我的问题是完全关闭我正在使用的选项卡,然后再次打开网站并且它可以工作。刷新页面不会解决问题。

于 2013-02-13T13:15:06.457 回答
1

你确定你使用的是 jQuery > 1.7 吗?jQuerymobile 需要 jQuery 1.7 或更高版本才能运行。

我已经尝试过了,它似乎有效。

这样做的标准方法是:

   <table data-role="table" id="my-table" data-mode="reflow">
      <thead>
        <tr>
          <th>Rank</th>
          <th>Movie Title</th>
          <th>Year</th>
          <th><abbr title="Rotten Tomato Rating">Rating</abbr></th>
          <th>Reviews</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <th>1</th>
          <td><a href="foo.com" data-rel="external">Citizen Kane</a></td>
          <td>1941</td>
          <td>100%</td>
          <td>74</td>
        </tr>
        </tbody>
    </table>

您的代码的工作示例:http: //jsfiddle.net/AYSJZ

于 2013-02-13T13:29:59.677 回答