ウェブサイトに星評価を追加したい。
これが私の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>
また、ブラウザのDev-consoleで次のエラーが発生します。
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には、開始ではなくラジオボックスが表示されます。どうすればこれを修正できますか?