asp.net – 进度条不是一个功能
发布时间:2020-12-16 09:42:29 所属栏目:asp.Net 来源:网络整理
导读:在具有引导进度条的页面上,我收到错误: $(…).progressbar is not a function 这个错误似乎正在崩溃我的其余脚本,因为我看到: Typeahead在同一页面上不起作用 我收到以下错误: Bloodhound is not defined Bootstrap-select不起作用 Web模板不起作用 有趣
在具有引导进度条的页面上,我收到错误:
这个错误似乎正在崩溃我的其余脚本,因为我看到: > Typeahead在同一页面上不起作用
> Bootstrap-select不起作用 有趣的是,如果我的enable.optimization设置为false,我的其余脚本不会崩溃. 以下是进度条的HTML和javascript: function UpdateProgress(totalRecords,recordsProcessed,message) { var pct = recordsProcessed / totalRecords * 100; $('.progress-bar').css('width',pct + '%').attr('aria-valuenow',pct); $('#message').text(message); var msg = Math.round(pct,2) + '% Complete'; $('.progText').text(msg); if (pct > 0) { $('#progressRow').show(); } if (pct == 100) { $('#progressRow').hide(); } } <div id="progressRow" class="row" > <div class="form-group"> <div class="col-md-offset-2 col-sm-offset-2 col-md-10 col-sm-10 col-xs-12"> <label id="message"></label> <div class="progress" style="height: 30px"> <div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%"> <span class="progText"></span> </div> </div> </div> </div> </div> 下面是我的bundleConfig文件: bundles.Add(new ScriptBundle("~/Scripts/jquery").Include( "~/Scripts/jquery.min.js" )); bundles.Add(new StyleBundle("~/Content/core").Include( "~/Content/bootstrap.min.css","~/Content/animate.min.css","~/Content/custom.min.css","~/Content/font-awesome.min.css","~/Content/green.css","~/Content/outline.button.css","~/Content/bootstrap-datepicker.min.css","~/Content/Pagination.css","~/Content/animation.css","~/Content/jBox.css","~/Content/SpinnerOverLay.css","~/Content/bootstrap-select.min.css","~/Content/typeahead.css","~/Content/icheck/square/green.css","~/Content/icheck/green.css" )); bundles.Add(new StyleBundle("~/Content/login").Include( "~/Content/bootstrap.min.css","~/Content/SpinnerOverLay.css" )); bundles.Add(new ScriptBundle("~/Scripts/core").Include( "~/Scripts/bootstrap.min.js","~/Scripts/custom.min.js","~/Scripts/nprogress.min.js","~/Scripts/bootstrap-datepicker.min.js","~/Scripts/jquery.bpopup.min.js","~/Scripts/bootstrap-select.min.js","~/Scripts/typeahead.min.js","~/Scripts/icheck/icheck.min.js" )); bundles.Add(new ScriptBundle("~/Scripts/login").Include( "~/Scripts/jquery.bpopup.min.js" )); bundles.Add(new ScriptBundle("~/Scripts/SignalR").Include( "~/Scripts/jquery.signalR-2.2.0.min.js" )); BundleTable.EnableOptimizations = false; 这就是masterPage中引用css和js文件的方式: <head runat="server"> <title>Stores</title> <%: System.Web.Optimization.Styles.Render("~/Content/core") %> <%: System.Web.Optimization.Scripts.Render("~/Scripts/jquery") %> <%:System.Web.Optimization.Scripts.Render("~/Scripts/core") %> <script src="/Scripts/notify/pnotify.buttons.min.js"></script> <script src="/Scripts/notify/pnotify.core.min.js"></script> <script src="/Scripts/notify/pnotify.nonblock.min.js"></script> <script src="/Scripts/init.controls.js"></script> <script src="/Scripts/showDisplayModalSetup.js"></script> <script src="/Scripts/client.validation.js"></script> 解决方法
我认为它的工作正常.
您应该正确包含库: 第一:Jquery.js 第二:Bootstrap.js 如下图所示 function UpdateProgress(totalRecords,message) { var pct = recordsProcessed / totalRecords * 100; $('.progress-bar').css('width',pct); $('#message').text(message); var msg = Math.round(pct,2) + '% Complete'; $('.progText').text(msg); if (pct > 0) { $('#progressRow').show(); } if (pct == 100) { $('#progressRow').hide(); } } UpdateProgress(100,99,'Loading') <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/> <div id="progressRow" class="row" > <div class="form-group"> <div class="col-md-offset-2 col-sm-offset-2 col-md-10 col-sm-10 col-xs-12"> <label id="message"></label> <div class="progress" style="height: 30px"> <div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%"> <span class="progText"></span> </div> </div> </div> </div> </div> 如果我错过任何事情,请告诉我. (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
相关内容
- asp.net-web-api – 如何在StructureMap ServiceActivator中
- asp.net-mvc – Ninject mvc3无法从程序集加载WebActivator
- 在ASP.NET中,在.aspx中内联代码的不同方法有哪些?
- ASP.NET MVC 3中DropDownListFor的不显眼验证问题
- 一步一步创建ASP.NET MVC5程序[Repository+Autofac+Automap
- asp.net – Visual Studio 2015的项目模板
- 在代理服务器后面设置ASP.NET应用程序的基本URL
- asp.net-core – 从与xproj相同的解决方案引用csproj
- asp.net 读取配置文件方法
- asp.net-mvc – ErrorAttribute vs OnException与Applicati
推荐文章
站长推荐
- VisualStudio中解决方案
- asp.net – 为什么REST API会调用错误的方法?
- asp.net – Javascript之前asp:ButtonField点击
- 如果在BackgroundWorker运行过程中关闭窗体…
- Favicon只在主页ASP.NET MVC中显示
- asp.net-mvc – 我的web.config中没有角色管理器
- ASP.NET MVC如何实现自定义验证(服务端验证+客户
- 哪些ASP.NET生命周期事件在HttpApplication.Erro
- asp.net – 将我的网站与BlogEngine.Net集成
- asp.net-mvc-3 – ASP.NET控制器名称与文件夹名称
热点阅读