Я использую плагин jquery star rating от fyneworks. Проблема в том, что около 5% времени (и при начальной загрузке страницы) звезды складываются вертикально, а не горизонтально !?

Когда вы обновляете страницу, они в порядке - что действительно странно. Пожалуйста, посмотрите страницу здесь.

Любые предложения будут ценны!

Благодарность

РЕДАКТИРОВАТЬ: Распакованный JS можно найти здесь

7
Tim 1 Июл 2010 в 20:12

5 ответов

Лучший ответ

Решил это сам, используя вместо этого другой скрипт:

http://orkans-tmp.22web.net/star_rating/

0
Tim 13 Июл 2010 в 08:19

Вы выполняете Javascript после запуска Onload?

$(document).ready(function() {
//execute JS here
});
0
Jauzsika 1 Июл 2010 в 16:49

РЕДАКТИРОВАТЬ: Черт, это делает то же самое после нескольких перезагрузок. Что ж, это означает, что фрагмент javascript - и / или встроенный движок 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>
1
Jauzsika 1 Июл 2010 в 17:44

Система рейтинга 5 звезд, использующая PHP и JQuery, используется для оценки различных продуктов или услуг на любой веб-странице в наилучшем интерактивном режиме. Пользователь может оценивать контент по шкале от 1 до 5 звезд без перезагрузки страницы. Мы просто возьмем пример сканирования 1-5, иначе при настройке JQuery масштаб можно будет изменить. В этом примере мы использовали плагин Raty.JS для интерактивных звезд.

< Сильный > STEP - 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});

Функциональность onclick $ ('. Stars'). Raty ({onClick: function (Score) {alert ('Ваша оценка:' + оценка);}});

Кнопка отмены по умолчанию

$('.stars').raty({
showCancel: true
});

Отображение полузвезд

$('.stars').raty({
showHalf:  true
});

Пользователь также может получить значение выбранных звезд и сохранить значение в базе данных с помощью события onclick. Saty Stars удобны в использовании и поддерживаются практически всеми браузерами (Firefox, Google Chrome, Safari, Ipad, Iphone, Android Phone и т. Д.). www.spjoshis.blogspot.com

0
Gopal Joshi 19 Янв 2015 в 03:45

Используя firebug на вашей тестовой странице, я избавился от поплавка, и он работал нормально.

div.rating-cancel, div.star-rating {
background:none repeat scroll 0 0 transparent;
cursor:pointer;
display:block;
/* float:left !important; */
}
0
David Yell 1 Июл 2010 в 16:26