Questions tagged «jquery»

jQuery是一个JavaScript库,请考虑添加JavaScript标记。jQuery是一种流行的跨浏览器JavaScript库,它通过最小化浏览器之间的差异来促进文档对象模型(DOM)遍历,事件处理,动画和AJAX交互。标记为jQuery的问题应与jQuery相关,因此问题代码应使用jQuery,并且问题中至少需要与jQuery使用相关的元素。

6
以Ajax方式在Rails 3中提交表单(使用jQuery)
我是Rails和jQuery的初学者。我在一页中有两个单独的表单,我想以ajax方式(使用jQuery)分别提交。这就是我走了多远。任何人都可以添加或修复此代码以使其正常工作。我正在使用Rails 3.1和jQuery 1.6。先感谢您。 application.js $(".savebutton").click(function() { $('form').submit(function() { $(this).serialize(); }); }); 第一种形式: <%=form_for :users do |f| %> <fieldset> <legend>Basic details</legend> <%= f.label :school %> <%= f.text_field :school,:size=>"45",:class=>"round",:id=>"school" %><br/> </fieldset> <p><%= button_to "save and continue",{:class=>"savebutton"} %></p> <%end%> 第二种形式: <%=form_for :courses do |c| %> <fieldset> <legend>Your current classes</legend> <label>class:</label><%= c.text_field :subject,:size=>"45",:class=>"round" %><br/> …

5
jQuery的JSON字符串?
而不是从json字符串中使用$ .parseJSON,我需要获取对象并将其存储在变量中作为代表json的字符串。 (我正在处理的库期望使用格式错误的json类型,因此我需要弄乱它才能使其正常工作。) 最好的方法是什么?

12
jQuery UI对话框-关闭后无法打开
我有一个问题jquery-ui dialog box。 问题是,当我关闭对话框然后单击触发它的链接时,除非刷新页面,否则它不会再次弹出。 如何在不刷新实际页面的情况下回呼对话框。 下面是我的代码: $(document).ready(function() { $('#showTerms').click(function() { $('#terms').css('display','inline'); $('#terms').dialog({ resizable: false, modal: true, width: 400, height: 450, overlay: { backgroundColor: "#000", opacity: 0.5 }, buttons:{ "Close": function() { $(this).dialog("close"); } }, close: function(ev, ui) { $(this).remove(); }, }); }); 谢谢

8
如何使用角度检测浏览器的后退按钮单击事件?
是否可以通过使用浏览器中的历史记录后退按钮检测到用户输入了页面?最好是我想使用angular.js检测到此动作。 我不想使用角度布线。如果用户提交表单,并且在成功提交到服务器并进行重定向之后,它也应该起作用,如果用户使用浏览器的“后退”按钮返回到表单,也应该可行。

11
失败/错误时,JSON服务应返回什么
我在C#(.ashx文件)中编写JSON服务。在成功请求服务后,我返回了一些JSON数据。如果请求失败,要么是由于引发异常(例如,数据库超时),要么是因为请求在某种程度上是错误的(例如,将数据库中不存在的ID用作参数),服务应该如何响应?哪些HTTP状态代码是明智的,是否应该返回任何数据? 我预计该服务将主要使用jQuery.form插件从jQuery调用,jQuery或此插件是否具有处理错误响应的默认方式? 编辑:我已经决定成功使用jQuery + .ashx + HTTP [状态码],我将返回JSON,但在错误时,我将返回一个字符串,因为这似乎是jQuery的错误选项。阿贾克斯期望。

7
使用JQuery激活Bootstrap选项卡
我有以下代码: <ul class="nav nav-tabs"> <li><a href="#aaa" data-toggle="tab">AAA</a></li> <li><a href="#bbb" data-toggle="tab">BBB</a></li> <li><a href="#ccc" data-toggle="tab">CCC</a></li> </ul> <div class="tab-content" id="tabs"> <div class="tab-pane" id="aaa">...Content...</div> <div class="tab-pane" id="bbb">...Content...</div> <div class="tab-pane" id="ccc">...Content...</div> </div> 和以下脚本: $(document).ready(function(){ activaTab('aaa'); }); function activaTab(tab){ $('.tab-pane a[href="#' + tab + '"]').tab('show'); }; 在这种情况下,当页面准备就绪时,第二个选项卡将被激活,但是我总是在该行中遇到JavaScript错误 $('.tab-pane a[href="#' + tab + '"]').tab(); 有人可以帮我吗?

7
Facebook风格的JQuery自动完成插件[关闭]
关闭。此问题不符合堆栈溢出准则。它当前不接受答案。 想改善这个问题吗?更新问题,使其成为Stack Overflow的主题。 6年前关闭。 改善这个问题 我在插件完成后可以像Facebook一样完成自动完成,因为您可以选择多个项目-类似于标记stackoverflow问题的工作方式。 这是我遇到的一对夫妇: http://wharsojo.wordpress.com/2008/02/18/jquery-facebook-autocomplete http://www.emposha.com/javascript/fcbkcomplete.html https://github.com/loopj/jquery-tokeninput 你有没有尝试过这些?它们易于实现和定制吗?

4
错误'找不到jquery-2.0.2.min.map'
我在Google Chrome开发人员工具中遇到此错误: 找不到jquery-2.0.2.min.map 我找到了一种方法,可以从我的行中删除此行jquery-2.0.2.min.js: //@ sourceMappingURL=jquery-2.0.2.min.map 但是,我认为这不是一个好主意,因为这可能只是暂时的解决方案,将来可能会成为问题。因为我不太了解此错误的性质以及愚蠢的解决方案:是什么导致了此错误,并且有更好的解决方案吗? 显然,这不是仅与jQuery 2.0.2相关的问题。jQuery的jquery-1.10.2.min.map是一个非常相似的,有很好解释的Stack Overflow问题,它触发了404(未找到)。我希望这可以为情况提供一些启示。

4
jQuery库中使用的设计模式
jQuery高度关注DOM,并围绕DOM提供了很好的抽象。在此过程中,它利用了昨天刚刚打动我的各种众所周知的设计模式。装饰器模式就是一个明显的例子。jQuery对象围绕常规DOM对象提供了新的附加功能。 例如,DOM具有本机的insertBefore方法,但是没有相应的insertAfter方法。有多种实现方式可以填补这一空白,而jQuery是一个提供此功能的此类库: $(selector).after(..) $(selector).insertAfter(..) 还有许多其他示例在jQuery中大量使用Decorator模式。 您是否注意到库本身还包含其他大小的设计模式示例?另外,请提供模式用法的示例。 我把它变成一个社区Wiki,因为我相信人们喜欢jQuery的各种事情都可以追溯到众所周知的设计模式,只是这些模式的名称通常不提及它们。这个问题没有答案,但是对这些模式进行分类将提供对库本身的有用见解。

4
如何使用jQuery查找距元素顶部px的垂直距离
如何使用javascript / jQuery找到从页面顶部到DOM中元素存在的垂直距离? 我有类似的东西 <ul> <li>one</li> <li>one</li> <li>one</li> <li>one</li> <li class="test">one</li> .... .... .... <li>one</li> </ul> 例如,在这里,我想找到从页面顶部到li#test元素的垂直距离。 我试过了,.scrollTop()但总是为0!


8
如何在JQuery UI自动完成中使用source:function()…和AJAX
我需要有关JQuery UI自动完成功能的帮助。我希望我的文本字段(.suggest-user)显示来自AJAX请求的名称。这就是我所拥有的: jQuery("input.suggest-user").autocomplete({ source : function(request, response) { var name = jQuery("input.suggest-user").val(); jQuery.get("usernames.action?query=" + name, function(data) { console.log(data); // Ok, I get the data. Data looks like that: test = data; // ["one@abc.de", "onf@abc.de","ong@abc.de"] return test; // But what now? How do I display my data? }); }, minLength : …


10
ASP.Net母版页和文件路径问题
我试图在我的母版页中添加对jQuery的脚本引用,以使其适用于任何页面。目前看起来像这样 <script type="text/javascript" src="jquery.js"></script> 问题在于该路径始终相对于正在执行的aspx页面,因此仅当“ jquery.js”文件位于同一文件夹中时,此路径才有效。为了使其正常工作,我必须将行更改为: <script type="text/javascript" src="../../jquery.js"></script> 这显然不理想,因为它仅适用于距根文件夹较深两级的页面。如果我尝试以下操作,IIS将引发有关意外字符的错误。 <script runat="server" type="text/javascript" src="~/jquery.js"></script> 有任何想法吗? 编辑:我也忘记提及脚本必须位于head标签中 当我将其添加到母版页时,当前的最佳答案将引发“ ASP.NET Ajax客户端框架加载失败。 ”错误。它是从javascript而不是.Net编译器抛出的。如果我将ScriptManager移到应该位于其头部的位置,则会收到有关ScriptManager需要在表单标签内的编译错误。 第三个答案将引发“编译器中的非法字符”异常。 编辑2:当我将该行添加到我的头标签中时,我从IIS得到此错误。 无法修改控件集合,因为控件包含代码块(即<%...%>) 求助:我从下面的答案中得到编辑后的响应,并将其放在asp:ContentPlaceHolder元素中

13
Codemirror编辑器在单击之前不会加载内容
我正在使用codemirror 2,它的工作正常,除了在单击编辑器并使其成为焦点之前,不会将编辑器的设置值加载到编辑器中。 我希望编辑器无需单击即可显示其本身的内容。有任何想法吗? 所有的codemirror演示都按预期工作,因此我认为也许textarea没有集中精力,所以我也尝试过。 $("#editor").focus(); var editor = CodeMirror.fromTextArea(document.getElementById("editor"), { mode: "text/html", height: "197px", lineNumbers: true });

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.