jquery ui星級評定不風格收音箱

Question

我想給我的網站添加星級評分。

這裏是我的CSHTML標記

@{ 
    ViewBag.Title = "דירוג"; 
    Layout = "~/Views/Shared/_SubPage.cshtml"; 
    ViewBag.Page = "Rating"; 
    ViewBag.TabHeader = "דירוג"; 
} 


       @*=====css=====*@ 
      <link href="@Url.Content("~/Resources/jquery.ui.stars-3.0/jquery.ui.stars.min.css")" rel="stylesheet" type="text/css" /> 
      <link href="@Url.Content("~/Styles/Rating.css")" rel="stylesheet" type="text/css" /> 

<form> 
    Rating: <span id="stars-cap"></span> 
    <div id="stars-wrapper1" class="span4 oofset3"> 
     <input type="radio" name="newrate" value="1" title="Very poor" /> 
     <input type="radio" name="newrate" value="2" title="Poor" /> 
     <input type="radio" name="newrate" value="3" title="Not that bad" /> 
     <input type="radio" name="newrate" value="4" title="Fair" /> 
     <input type="radio" name="newrate" value="5" title="Average" checked="checked" /> 
     <input type="radio" name="newrate" value="6" title="Almost good" /> 
     <input type="radio" name="newrate" value="7" title="Good" /> 
     <input type="radio" name="newrate" value="8" title="Very good" /> 
     <input type="radio" name="newrate" value="9" title="Excellent" /> 
     <input type="radio" name="newrate" value="10" title="Perfect" /> 
    </div> 


</form> 



    <script src="@Url.Content("~/Resources/jquery.ui.stars-3.0/jquery.ui.stars.js")" type="text/javascript"></script> 
    <script src="@Url.Content("~/Scripts/Rating.js")" type="text/javascript"></script> 

我也得到在瀏覽器開發控制檯以下錯誤：

jquery.ui.stars.js:20 

Uncaught TypeError: Object function (a,b){return new d.fn.init(a,b,g)} has no method 'widget' 

jquery-1.5.1.min.js:19 

Uncaught TypeError: Object [object Object] has no method 'on' 

改變jQuery的1.7.2後，我得到了以下：

jquery.ui.stars.js:20 

Uncaught TypeError: Object function (a,b){return new e.fn.init(a,b,h)} has no method 'widget' 

Rating.js:23 

Uncaught TypeError: Object [object Object] has no method 'stars' 

在UI中，我看到的是收音機框，而不是開始。 我該如何解決這個問題？

Answer 1

看來你的星級插件使用on()方法來註冊事件處理程序。該方法是在jQuery 1.7中引入的，並且您使用的版本是1.5.1，不支持它。

將jQuery庫升級到latest release（目前爲1.7.2）可能會解決您的問題。