jquery评级问题 [英] jquery rating problem
本文介绍了jquery评级问题的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我正在尝试对设计时间在mvc4页面中的图像实施评级功能。我成功整合了开发人员在.cshtml文件中提供的所有内容，除了评级功能。我将所有jquery和css文件添加到我的解决方案中，即使我没有获得评级功能。
下面我发送了我的_productfilter.cshtml页面（母版页）代码。
请在我的代码中提及一些成功评级功能的修改
I am trying to implement rating functionality to my images which are in mvc4 page in designing time.I successfully integrate all the content which is given by our developer in .cshtml file except rating functionality. I added all jquery and css files in to my solution even though i am not getting the rating functionality.
Below i am sending my "_productfilter.cshtml page(master page)" code.
Please mention some modifications in my code for successful rating functionality
@{
Layout = null;
}
<!DOCTYPE html>
<html lang="en" ng-app="bootstrapDemoApp" id="top">
<head>
<meta charset="utf-8" />
<link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<meta name="viewport" content="width=device-width" />
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/knockout")
@Styles.Render("~/Content/css")
@Scripts.Render("~/bundles/modernizr")
@RenderSection("scripts", required: false)
@Scripts.Render("~/bundles/jquery")
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Le styles -->
<link href="~/Content/bootstrap.css" rel="stylesheet"/>
<link href="~/Content/bootstrap-responsive.css" rel="stylesheet"/>
<link href="~/Content/globalstyle.css" rel="stylesheet"/>
@*<link href="~/Content/bootstrap-responsive.min.css" rel="stylesheet" />*@
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="~/Scripts/html5shiv.js"></script>
<![endif]-->
</head>
<body>
@*<section class="content-wrapper main-content clear-fix">*@
@RenderBody()
@*</section>*@
</div>
</div>
<!-- FOOTER -->
<a class="scrolltotop" href="#"><span>up</span></a>
</div><!-- /.container -->
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="~/Scripts/jquery.js"></script>
<script src="~/Scripts/bootstrap-transition.js"></script>
<script src="~/Scripts/bootstrap-alert.js"></script>
<script src="~/Scripts/bootstrap-modal.js"></script>
<script src="~/Scripts/bootstrap-dropdown.js"></script>
<script src="~/Scripts/bootstrap-tab.js"></script>
<script src="~/Scripts/bootstrap-tooltip.js"></script>
<script src="~/Scripts/bootstrap-popover.js"></script>
<script src="~/Scripts/bootstrap-button.js"></script>
<script src="~/Scripts/bootstrap-collapse.js"></script>
<script src="~/Scripts/bootstrap-carousel.js"></script>
<script src="~/Scripts/bootstrap-typeahead.js"></script>
<script>
!function ($) {
$(function () {
// carousel demo
$('#myCarousel').carousel()
})
}(window.jQuery)
</script>
<script src="~/Scripts/holder/holder.js"></script>
<script type="text/javascript">
$(function () {
$('.area').slimscroll({
width: '135px'
}).parent().css({
'float': 'left',
});
$('.area').slimScroll({
start: $('.helloDIV')
});
});
</script>
<script type="text/javascript" src="~/Scripts/1.9.0-jquery.min.js"></script>
<script type="text/javascript" src="~/Scripts/1.10.1-jquery-ui.min.js"></script>
<script type="text/javascript" src="~/Scripts/prettify/prettify.js"></script>
<script type="text/javascript" src="~/Scripts/prettify/jquery.slimscroll.min.js"></script>
<link href="~/Scripts/prettify/prettify.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="~/Scripts/script.js"></script>
<script type="text/javascript" src="~/Scripts/touchTouch.jquery.js"></script>
<script>var RatingDemoCtrl = function ($scope) {
$scope.rate = 4;
$scope.isReadonly = false;
};
</script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.min.js"></script>
<script src="~/Scripts/rating/1.0.5-angular.min.js"></script>
<script src="~/Scripts/ui-bootstrap-tpls-0.4.0.js"></script>
<script src="~/Scripts/rating/angular.min.js"></script>
<script src="~/Scripts/ui-select2.js"></script>
<script src="~/Scripts/plunker.js"></script>
<script src="~/Scripts/app.js"></script>
</body>
</html>
---->我的主页，即_productfilter.cshtml
---->my master page i.e _productfilter.cshtml
推荐答案
）{
（ function （）{
// carousel demo
（' ＃myCarousel'）。carousel（）
}）
}（ window .jQuery）
< / script >
< script src = 〜/ Scripts / holder / holder.js > < / script >
< script 类型 = text / javascript >
('#myCarousel').carousel() }) }(window.jQuery) </script> <script src="~/Scripts/holder/holder.js"></script> <script type="text/javascript">
这篇关于jquery评级问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
