Tag: javascript

混合@ Html.Partial()的razor和java脚本代码

任何人都可以为我提供如何在MVC中动态添加一些代码到页面的解决方案。 我是这样做的,但在这段代码中,页面无法识别索引javascript变量,因为它没有识别索引javascript变量。 $(document).on(‘click’, ‘.add-option’, function () { var index = $(“div.ques-options”).size(); if (index < 5) { $('.MainContainer').append('@Html.Partial("_Options", index)') } });

如何validationurl?

我想validationurl。 它应该接受: http://google.com http://www.google.com www.google.com google.com 我推荐Regex来匹配URL 。 但它不支持google.com 。

在Firefox中,jQuery动画不稳定且断断续续

我喜欢认为我不是假人,但我不能让我的jQuery水平幻灯片放映动画,特别是在FireFox(在Mac上)。 有人有建议吗? 动画正在这样做: $(‘#lookbook’).stop().animate({left: -((lookbook-1)*825)+’px’}, { duration: 800, complete: cap_fade(1)}); 示例链接: http://mayfourteenth.com/w/lookbook?preview=1

TypeError: .each不是函数

所以我在我的页面上有三个引用三个下拉列表,并且每个都被更改,我想运行一个名为validateForm();的JavaScript函数validateForm(); 我的代码如下: jQuery(document).ready(function() { var drpSupplier = document.getElementById(‘supplier’); var drpChargeRate = document.getElementById(‘formElementChargeRate’); var drpIDSEmail = document.getElementById(‘formElementEmailIDS’); var formLevel2DDs = new Array(); formLevel2DDs.push(drpSupplier); formLevel2DDs.push(drpChargeRate); formLevel2DDs.push(drpIDSEmail); formLevel2DDs.each(function() { $(this).change(function() { validateForm() }); }); }); 但是这段代码给了我错误: TypeError:formLevel2DDs.each不是函数 我非常感谢任何帮助。 我正在使用jQuery版本1.8.3(它是一个遗留系统)。 谢谢。

如何对两个部分透明的图像进行像素完美碰撞检测

所以基本上我要这样做,当屏幕上的两个角色触摸而有人按下按钮时,它会带走他们的健康。 我唯一不知道该怎么做就是如何检测它们何时接触。 $(document).ready(function(){ var canvas = document.createElement(“canvas”); var context = canvas.getContext(“2d”); canvas.width = 1000; canvas.height = 600; document.body.appendChild(canvas); var kGroundHeight = 500; /*var upKey = 38; var downKey = 40; var leftKey = 37; var rightKey = 39; */ var render = function() { gravity(); gravity1(); context.clearRect(0, 0, canvas.width, canvas.height); context.fillRect(0,kGroundHeight,canvas.width,10); context.drawImage(kirby, kirbyObject.x, kirbyObject.y); context.drawImage(link, […]

使用Knockout Js进行Ajax数据绑定

我正在使用淘汰赛js ,我发现diffcult绑定数据,而在ajax get方法,我已经创建了模型,viewModel和ajax函数,我有相同的js文件中的ajax方法,我创建了viewModel我正在调用页面上的ajax加载并尝试将我的html与konckout js绑定,我得到的错误userModel is undefined如果我在ajax调用之前给this.name = ko.observale(result[0].name) ,之后调用ajax它给name is undefined需要帮助 ////Model//// function userModel(result) { var self = this; this.name = ko.observable(result[0].name); /// give me error undefined before the ajax call and after ajax call i get the value in result this.userName = ko.observable(); } /////View Model//// var result var userDetailsViewModel = function(result) { self […]

如何在ajax调用后重新初始化Owl Carousel

我试图在成功的ajax调用后重新初始化owl轮播。 ajax调用将更改数据,但视图应保持不变。我遇到的问题是视图(轮播结构)不会重新初始化。页面加载时一切正常。 即时通讯使用1.3.3版 $(document).ready(function() { $(“.owl-carousel”).owlCarousel({ items : 3 }); }); Ajax调用 $.ajax({ type: ‘get’, url: ‘/public/index’, dataType: ‘script’, data: data_send, success: function(data) { $(“.owl-carousel”).owlCarousel({ items: 3 }); } }); } 我错过了我需要做的事情。 我在github页面上查看了这个问题并尝试了建议,但无济于事。 任何帮助赞赏 编辑 根据给出的建议,我创造了这两个function function owlCarousel() { var owl = $(“.owl-carousel”); //init carousel owl.owlCarousel(); owl.data(‘owlCarousel’).reinit({ items : 3 }); } function destroyOwlCarousel() { […]

jQuery的。 将JSON作为结果分配给变量

我使用这个帮助函数来接收我的请求的JSON结果: function getData(url) { $.get(url, function(data) { response = data; return response; }, ‘application/json’); } 我从我的web应用程序中给它一些字符串作为url的一部分,比如’/ api / getusers’,所以它看起来像getData(‘/api/getusers’) 。 现在我需要包含我从url收到的JSON数据的字符串结果分配给我的变量,所以它看起来像这样: var result = getData(‘/api/getusers’) 。 然后我将处理这个JSON数据。 问题是返回响应变量。 这是未定义的。 谢谢!

数据表上的RowGrouping和Subtotal

全部,我在数据表上使用RowGrouping,对于每个组,我需要对列(Encum,Paid,Balance)的所有行(Encum,Paid,Balance)和Total的所有行执行小计。 我对这个数据表很新,并且无法达到我需要的结果。 这是代码已经使用过。 我需要显示这些列的$ 3值,并在标题处进行小计。 请帮帮我,jsfiddle中的代码:jsfiddle.net/6r2pjbg8 var table = S$(‘#EncumbranceSummaryTable’).DataTable({ “columnDefs”: [ { “visible”: false, “targets”:0 } ], “stateSave”: false, “stateDuration”: 60*60*24*365, “data” : POnbrsDetails, “columns”:[ {“sTitle”: “PO #”, “data”: “PO_Nbr” }, {“sTitle”: “FY”, “data”: “FY” }, {“sTitle”: “LN”, “data”: “LN” }, {“sTitle”: “F/O/A”,”data”:”FOA”}, {“sTitle”: “Project ID”, “data”: “Proj_ID” }, {“sTitle”: “Srce Type”, “data”: “Srce_Type” […]

使用Ajax在ASP.NET MVC中异步排序GridView

我正在使用WebGrid在客户端显示数据, canSort: true设置为canSort: true 。 视图代码是: @model UI.Models.TestModel @if (Model.listTestModel != null) { var grid = new WebGrid(Model.listTestModel, null, defaultSort: “ColumnA”, rowsPerPage: 25, canPage: true, canSort: true ); @grid.GetHtml( mode: WebGridPagerModes.All, columns: grid.Columns ( grid.Column(columnName: “ColumnA”, header: “ColumnA”), grid.Column(columnName: “ColumnB”, header: “ColumnB”) ) ) } 我可以通过单击列标题对数据进行排序。 问题: 如何使用Ajax异步对WebGrid进行排序?