2009-11-24 43 views
0

当我把这个代码放在<table>之外......它会工作。是我的HTML“泄漏”,因为它显示出不正常的行为

<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星级评级plguin。 http://orkans-tmp.22web.net/star_rating/index.html#demos

它使我有5颗星的评级。

+1

你能编辑你的文章吗?我猜你在那里有一些需要转义的HTML标签:“当我把这些代码放在......之外时,它就会起作用。” – 2009-11-24 23:15:43

+0

另外,它看起来像你正在使用特定的jQuery插件,如果是这样,它是哪一个? – Jason 2009-11-24 23:17:25

+0

我正在使用JQuery 5星评级插件:http://orkans-tmp.22web.net/star_rating/index.html#demos – TIMEX 2009-11-24 23:18:35

回答

1

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

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

+0

这是正确的。谢谢 – TIMEX 2009-11-25 00:37:08

0

这很可能是一个CSS问题,尤其是如果您使用的是明星图像。它可能无法在您的表格中找到您的输入。

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

+0

但是明星确实表现出来。 – TIMEX 2009-11-24 23:31:14

0

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

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

这个插件是否带有一些CSS为你? (如果你确实使用它,请确保它们的选择器在将它们放入表格后仍然适用于你的元素)

相关问题