плагин рейтинга звезды jquery не работает в переполнении стека
Я пытался интегрировать плагин jquery star rating под названием jquery master в мое приложение php. Но это не работает. Кто-нибудь может мне помочь ??? Ниже мой код.
{literal}
<!-- include CSS & JS files -->
<!-- CSS file -->
<link rel="stylesheet" type="text/css" href="jRatingmaster/jquery/jRating.jquery.css" media="screen" />
<!-- jQuery files -->
<script type="text/javascript" src="<?php echo CONST_SITE_ADDRESS;?>jRatingmaster/jquery/jquery.js"></script>
<script type="text/javascript" src="<?php echo CONST_SITE_ADDRESS;?>jRatingmaster/jquery/jRating.jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
// alert('hi');
// get the clicked rate !
$(".basic").jRating({
onClick : function(element,rate) {
alert(rate);
}
});
});
</script>
{/literal}<div class="exemple">
<div class="basic" data-average="8" data-id="2"></div>
</div>
Решение
Во-первых, запустите свою страницу в Mozilla FireFox и проверьте, не включен ли какой-либо файл javascript / CSS.
в Net вкладка, она показывает 404 с красным цветом.
В коде <?php echo CONST_SITE_ADDRESS;?> не будет работать в Smarty как видно из вашего кода.
Из вашего PHP-файла присвойте его некоторой переменной, отображающей его в шаблоне.
<script type="text/javascript" src="<?php echo CONST_SITE_ADDRESS;?>jRatingmaster/jquery/jquery.js"></script>
<script type="text/javascript" src="<?php echo CONST_SITE_ADDRESS;?>jRatingmaster/jquery/jRating.jquery.js"></script>
Итак, исправленный код:
<script type="text/javascript" src="{$YOUR_PATH}jRatingmaster/jquery/jquery.js"></script>
<script type="text/javascript" src="{$YOUR_PATH}jRatingmaster/jquery/jRating.jquery.js"></script>
Другие решения
В соответствии с документация указано, нет onclick обработчик в jrating плагин.
Ваш код должен быть как,
<script type="text/javascript">
$(document).ready(function(){
$(".basic").jRating();
});
</script>