Question

我有一个表，其中一个选择框位于<th>内的<thead>包装器中。

有没有人在谷歌浏览器中遇到过类似问题，选择框在此标记内没有响应？

该表有使用：http://autobahn.tablesorter.com/jquery.tablesorter.min.js可能导致干扰？（见http://tablesorter.com/docs/）

<th class="{sorter: false}">Location
    <!-- country filter -->
    <select name="countryfilter" id="countryfilter">
        <option value="ANY">SHOW ALL</option>
        <option value="GB">GB</option>
            [etc..]
    </select>
    <!-- end -->
</th>

尝试使用开发人员工具，但审计中没有出现JS警告/错误。

Answer 1

选择框显示FF Opera IE7 / IE8和Opera中的选项。但它在chrome，safari和IE9中失败了。 Safari和Chrome正在使用webkit，因此肯定是浏览器实现问题或者tablesorter pluigin的问题。联系插件的创建者以查看它。

你可以做些什么来解决这个问题，正在改变你的html在标题中使用td，

<td class="header">
   <select name="countryfilter" id="countryfilter">
      <option value="ANY">SHOW ALL</option>
      <option value="GB">GB</option>
   </select>
</td>

并在插件附加td.header的css文件中，这将为td应用与其余th元素相同的样式。

table.tablesorter thead tr th, table.tablesorter tfoot tr th, 
td.header 
{
   background-color: #e6EEEE;
   border: 1px solid #FFF;
   font-size: 8pt;
   padding: 4px;
}

谷歌铬虫？选择框

1 个答案: