我正在使用 fyneworks 的 jquery 星级插件。问题是大约 5% 的时间（以及在初始页面加载时），星星垂直堆叠而不是水平堆叠！？
当您刷新页面时，它们很好 - 这真的很奇怪。 Please see the page here.
任何建议将不胜感激！
谢谢
【问题讨论】：
//}; //save a byte!。说真的，去掉大括号来“保存一个字节”？然后发表评论？
标签： javascript jquery
编辑：该死的，这在几次重新加载后也是如此。好吧，这意味着 javascript sn-p - 和/或内置 javascript 引擎 - 失败。试试另一个明星插件，这个看起来有点臃肿... 13K 大小：O.
这里，你去，重做整个事情，这对我有用：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src='http://jquery-star-rating-plugin.googlecode.com/svn/trunk/jquery.js' type="text/javascript"></script>
<script src='http://jquery-star-rating-plugin.googlecode.com/svn/trunk/jquery.rating.js' type="text/javascript" language="javascript"></script>
<script src='http://jquery-star-rating-plugin.googlecode.com/svn/trunk/jquery.MetaData.js' type="text/javascript" language="javascript"></script>
<link href='http://jquery-star-rating-plugin.googlecode.com/svn/trunk/jquery.rating.css' type="text/css" rel="stylesheet"/>
</head>
<body>
<div class="Clear">
<input name="star1" type="radio" class="star {split:2}" value="0.5/5"/>
<input name="star1" type="radio" class="star {split:2}" value="1/5"/>
<input name="star1" type="radio" class="star {split:2}" value="1.5/5"/>
<input name="star1" type="radio" class="star {split:2}" value="2/5"/>
<input name="star1" type="radio" class="star {split:2}" value="2.5/5"/>
<input name="star1" type="radio" class="star {split:2}" value="3/5" checked="checked"/>
<input name="star1" type="radio" class="star {split:2}" value="3.5/5"/>
<input name="star1" type="radio" class="star {split:2}" value="4/5"/>
<input name="star1" type="radio" class="star {split:2}" value="4.5/5"/>
<input name="star1" type="radio" class="star {split:2}" value="5/5"/>
</div>
<button class="rate" type="submit" title="Submit your rating">Rate!</button>
</body>
</html>
【讨论】：
在您的测试页面上使用萤火虫，我摆脱了浮动，它工作正常。
div.rating-cancel, div.star-rating {
background:none repeat scroll 0 0 transparent;
cursor:pointer;
display:block;
/* float:left !important; */
}
【讨论】：
你会在 onload 触发后执行 javascript 吗？
$(document).ready(function() {
//execute JS here
});
【讨论】：
通过使用与此处不同的脚本自己解决了这个问题：
【讨论】：
使用 PHP 和 JQuery 的 5 星评级系统用于以最佳用户交互方式对任何网页上的不同产品或服务进行评级。用户可以在 1-5 星的范围内对内容进行评分，而无需重新加载页面。我们只是以扫描 1-5 为例，否则通过配置 JQuery 规模可以改变。 在这个示例中，我们使用了 Raty.JS 插件来制作交互式星星。
第 1 步 创建如下所示的简单html文件
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<script type="text/javascript">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript" src="http://testweb3.iecworld.com/jsdemo/js/lq_js_point/js/jquery.raty.min.js"></script>
// Initialise Plugin
$(document).ready(function(){
$('.stars').raty({
score: function() {
return $(this).attr('data-score');
}
});
});
</script>
</head>
<body>
<b>Star Rating Demo</b>
<div class=”stars”></div>
</body>
</html>
就是这样。我们的星星看起来像 星级评分输出
首先，我们创建了一个简单的 HTML 文档，并包含了 Jquery 和 Raty JS。
以下代码用于初始化 Raty 以获得星级评分功能。
$(document).ready(function(){
$('.stars').raty({
score: function() {
return $(this).attr('data-score');
}
});
});
只读值的星级
$('.stars').raty({
readOnly: true
});
评分的星数 $('.stars').raty({ 开始：2 });
点击功能 $('.stars').raty({ onClick: function(score) { alert('你的分数：' + score); } });
默认取消按钮
$('.stars').raty({
showCancel: true
});
显示半星
$('.stars').raty({
showHalf: true
});
用户还可以通过 onclick 事件获取所选星星的值并在数据库中维护值。 Saty Stars 用户友好，几乎所有浏览器都支持（Firefox、Google Chrome、Safari、Ipad、Iphone、Android Phone 等）。 www.spjoshis.blogspot.com
【讨论】：