jquery星级评分插件在php中不起作用

Question

我尝试将名为 jquery master 的 jquery 星级评分插件集成到我的 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>

Answer 1

首先，在 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>

Answer 2

根据指定的documentation，jrating插件中没有onclick处理程序。

你的代码应该是这样的，

<script type="text/javascript">
  $(document).ready(function(){
      $(".basic").jRating();
   });
</script>