Tag: jquery

将指令添加到ng-grid生成的元素

使用ng-grid ,我开发了一个简单的应用程序来在UI中呈现excel表。 我希望字段(表格标题)可以拖动,这样我就可以在运行时将它们放到一些箱子里,有点像 – 这个 。 唯一的区别是,这里我将拖动excel列标题。 我无法弄清楚如何将指令“draggable”添加到ng-grid生成的内容中。 PS每个列标题都必须有自己的“可拖动”,以便我可以唯一地标识列号/名称 角度代码如下: var sth = {“excelData” : [{“Name”:”Rohan”,”Id”:”1001.0″,”Salary”:”50000.0″,”Age”:”25.0″},{“Name”:”Rohit”,”Id”:”1002.0″,”Salary”:”60000.0″,”Age”:”24.0″},{“Name”:”Rahul”,”Id”:”1003.0″,”Salary”:”55000.0″,”Age”:”29.0″},{“Name”:”okay bye”,”Id”:”1004.0″,”Salary”:”88214.0″,”Age”:”32.0″}]}; $scope.myData = sth.excelData; $scope.gridOptions = { data: ‘myData’ }; 在我的HTML中,我使用: 在这里,姓名,身份证,薪水,年龄,都应该是独立和可单独拖动的。 PS给出静态json只是为了理解。 它在运行时生成,可能非常庞大。

如果焦点不在提交按钮上,则表单不应在输入时提交

我有一个要求,即如果他按下回车键,用户就无法提交表格,除非重点放在提交按钮上。 使用下面的代码,我能够做到这一点,但现在的问题是,如果我有任何特定于任何字段的输入键事件(例如,如果我想将一个特殊要求的输入键事件附加到一个文本字段),它是因为我在下面写的脚本而不允许我.. $(document).keydown(function(event) { if (event.keyCode == 13) { var $focusedItem = $(document.activeElement); if($focusedItem.is(“button”) || $focusedItem.is(“a”) || $focusedItem.attr(“type”) == “submit”) { $focusedItem.click(); } else { event.preventDefault(); } } }); 我可以限制用户在按下回车键时提交表单的任何解决方案,如果焦点不在提交按钮上,但同时如果任何表单字段附加任何回车键事件,那也应该有效。

Jquery自动完成不能在ASP.NET MVC 5上运行

我正在关注的教程 嗨,我正在使用本教程实现jquery自动完成ASP.NET教程第76部分在mvc中实现自动完成文本框function https://www.youtube.com/watch?v=MmBdMZJ3Jlo 问题 当我在输入框中键入内容时,自动完成function不起作用 描述 我已经实现了搜索function和它的工作正常,但我坚持jQuery的自动完成function。 我已经搜索了很多谷歌和堆栈溢出以前的问题,我尝试了一切,但无法解决我的问题。 码 这是我的自动完成代码(我没有包含搜索代码) Index.cshtml $(document).ready(function () { $(“#txtSearch”).autocomplete({ source: ‘@Url.Action(“GetAirports”)’ }); }); @using(@Html.BeginForm()) { AirPort Code: @Html.TextBox(“SearchTerm”, null, new { id=”txtSearch”}) } 和我的控制器代码 HomeController.cs public JsonResult GetAirports(string term) { traveloticketEntities db = new traveloticketEntities(); List Airports = new List(); Airports = db.IataAirportCodes.Where(x => x.code.StartsWith(term)).Select(y=>y.code).ToList(); return Json(Airports, JsonRequestBehavior.AllowGet); }

之前删除元素的事件

我如何在jQuery中编写一个事件,这样如果我点击任何链接,它将删除不包围它的divouter,但它之前的divouter呢? Link Link Link Link

消息事件处理程序是否存在于窗口对象中

我有一个页面在html包含iframe.if消息来自iframe我必须处理它。但如何检查消息事件处理程序是否存在我的代码是 $(window).on(‘message’,function(e){ console.log(e.originalEvent.data); }); 单击按钮时,此代码设置消息事件处理程序。但是再次单击时,消息处理程序将被添加。是否有任何方法可以知道窗口对象中是否存在消息事件处理程序。请指南.i不能使用全局变量我的case.if它可以从window对象获取事件处理程序然后请解释方法。

从codebehind触发jQuery ui对话框?

我想知道我怎么能从codebehind触发jquery ui对话框? 我需要这样做的原因是我需要在进行jquery调用之前保存文件。 可能吗?

如何使用jQuery Validate插件validation整个页面?

在某些情况下使用jQuery validate插件很容易,比如这个,来自官方文档,这里有: Please provide your name, email address (won’t be published) and a comment Name (required, at least 2 characters) E-Mail (required) URL (optional) Your comment (required) $(“#commentForm”).validate(); 但是,如果您本身没有“表单”,但想要对整个页面应用validation,该怎么办? 我试过这个: $(window).load(function () { . . . this.validate(); }); ……但它似乎不起作用。 相关问题在这里 。

将标签文本拖到段落中

我想通过将标签拖放到段落的特定路径中来复制段落中标签的文本。 例如 i am new to JavaScript` 在拖动示例之前 i am a student and ; 当我在段落的末尾拖动标签时。 因此标签文本应该复制到段落的末尾并且变为。 i am a student and i am new to JavaScript ;

Rails 3.2 jQuery可排序列表500错误与嵌套资源

在关于可排序列表的Railscasts剧集之后( http://railscasts.com/episodes/147-sortable-lists-revised?view=asciicast ),我已经掌握了所有内容,而不是在#show的模型上进行排序action正在显示列表,它是一个嵌套模型。 我的网站是为了管理一个非常复杂的梦幻足球联赛。 联盟的一个方面是,通用汽车有年薪限额,球员有价值,球员可以签订多年合同。 无论如何,我正在创建一个选秀名单,让你添加球员并跟踪你想要尝试和选秀的球员。 我希望这个列表可以排序。 我使用has_many:through关系进行设置。 以下是三种型号: class DraftRoster < ActiveRecord::Base attr_accessible :name, :team_id belongs_to :team has_many :roster_spots has_many :players, through: :roster_spots … end 然后: class RosterSpot < ActiveRecord::Base attr_accessible :draft_roster_id, :player_id, :position belongs_to :draft_roster belongs_to :player acts_as_list end 最后(这里有很多代码被移除,因为它不适用于这个问题): class Player < ActiveRecord::Base attr_accessible :auction_value, :first_name, :last_name, :nfl_team, :position, :is_drafted, :is_bought_out, :is_extended, […]

手动隐藏jquery facebox模态

我在我的facebox模式上使用我的自定义关闭按钮来关闭它…它工作正常(即)它关闭但它在我点击关闭按钮后附加到页面的底部… 这是我得到的, alt text http://img825.imageshack.us/img825/3739/foo.jpg 这是我想要做的, $(document).bind(‘close.facebox’, function() { $(document).unbind(‘keydown.facebox’) $(‘#aspnetForm’).append($(‘#facebox .content’).html()); /// extra line to make sure there’s no flashing effect as the facebox closes: the content is still in there too! $(‘#facebox .content’).children().css({ ‘display’: ‘block’ }); $(‘#facebox’).fadeOut(function() { $(‘#facebox .content’).removeClass().addClass(‘content’) hideOverlay() $(‘#facebox .loading’).remove() }) }) 我的页面有这个, $(document).ready(function($) { $.facebox.settings.opacity = 0.2; $(‘a[rel*=facebox]’).facebox(); }); […]