Question

当我将此代码放在<table>之外时......它会起作用。

<script type="text/javascript">
$(function(){
    $("#stars-wrapper1").stars({
        oneVoteOnly: true
    });
});
</script>
<form>
    <div id="stars-wrapper1">
        <input type="radio" name="newrate" value="1" title="Very poor" />
        <input type="radio" name="newrate" value="2" title="Poor" />
        <input type="radio" name="newrate" value="3" title="Not that bad" />
        <input type="radio" name="newrate" value="4" title="Fair" />
        <input type="radio" name="newrate" value="5" title="Average" />
    </div>
</form>

然而，当我把它放在

<table><tr><td>...</td></tr></table>

内然后，它将显示1 2 3 4 5.有谁知道桌子有什么问题？

<table width="100%" style="border: 0px none ;">
    <tbody>
      <tr>
        <td style="width: 110px; vertical-align: top;" valign="top" align="right">
    <form>
        <div id="stars-wrapper1">
            <input type="radio" name="newrate" value="1" title="Very poor" />
            <input type="radio" name="newrate" value="2" title="Poor" />
            <input type="radio" name="newrate" value="3" title="Not that bad" />
            <input type="radio" name="newrate" value="4" title="Fair" />
            <input type="radio" name="newrate" value="5" title="Average" />
        </div>
    </form>

</td>
        <td style="padding-left: 20px;" valign="top"><div class="resultItem" style="float: left;">
           stutt here
          </div></td>
      </tr>
    </tbody>
  </table>

编辑：我正在使用JQUERY Star评级plguin。 http://orkans-tmp.22web.net/star_rating/index.html#demos

它让我有5颗星评级。

Answer 1

从align="right"标记中删除<td>。看起来标题会转换为链接，并且始终存在，但通常不可见。

align="right"似乎将链接文本放入某种CSS精灵下方查看。

Answer 2

这很可能是一个CSS问题，尤其是如果您使用的是星形图像。它可能无法在你的桌子里找到你的输入。

确保您的CSS引用了#stars-wrapper1

Answer 3

看起来你正在使用重构你的HTML的jquery脚本，所以在页面加载之后，它们实际上不再是输入字段，而是嵌套的div。你需要一些CSS，比如：

.ui-stars-star {
    text-indent: -999em;
}

这个插件是否附带了一些CSS？（如果您确实使用它，请确保在将它们放入表格后，它们的选择器仍然适用于您的元素）

是我的HTML“泄漏”，因为它显示异常行为

3 个答案: