звездообразная оценка jQuery вертикального
Я использую звезду jQuery оценка плагина fyneworks. Проблема состоит в том, что приблизительно 5% времени (и на начальной загрузке страницы), звезды складывают вертикально вместо горизонтально!?
Когда Вы обновляете страницу, они в порядке - который действительно нечетен. Посмотрите страницу здесь.
Любые предложения значительно ценились бы!
Спасибо
4 ответа
Решил это сам, используя вместо этого другой скрипт отсюда:
РЕДАКТИРОВАТЬ: Черт, это делает то же самое после нескольких перезагрузок. Что ж, это означает, что фрагмент javascript - и / или встроенный движок javascript - не работает. Попробуйте другой звездный плагин, он выглядит раздутым ... размером 13 КБ: 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>
Используя firebug на вашей тестовой странице, я избавился от float здесь, и все заработало нормально.
div.rating-cancel, div.star-rating {
background:none repeat scroll 0 0 transparent;
cursor:pointer;
display:block;
/* float:left !important; */
}
Выполняете ли вы javascript после срабатывания onload?
$(document).ready(function() {
//execute JS here
});