Questions tagged «jquery»

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

12
jQuery UI Slider(以编程方式设置)
我想即时修改滑块。我试图通过使用 $("#slider").slider("option", "values", [50,80]); 该调用将设置值,但该元素不会更新滑块位置。呼唤 $("#slider").trigger('change'); 也无济于事。 还有另一种/更好的方法来修改值和滑块位置吗?
78 jquery  jquery-ui 

1
jQuery查找以字符串开头的所有ID?
只是想知道我将如何搜索整个页面中以“ content_”开头的所有id,以及如何仅在名为“ extra_content”的命名div中查找它们。一旦我有了所有的ID,我想隐藏它们。 以下是我要查找的示例。 <div id="content_1"></div> <-- Find <div id="content_2"></div> <-- Find <div id="contet_3"></div> <div id="extra_content"> <div id="content_extra_1"></div> <-- Find <div id="content_extra_2"></div> < -- Find </div> 例子会有所帮助。 谢谢

6
jQuery逐步读取AJAX流?
我已经阅读了这个问题,但是并不能完全回答我的问题。不幸的是,自从我上次查看AJAX以来,XHR对象中的一切似乎已经发生了变化,因此,responseText在完成填充之前,不再可以直接访问。 我必须编写一个页面,该页面使用AJAX(最好是jQuery,但我愿意接受建议)从无法控制的服务器通过HTTP检索CSV数据。响应数据可能会很大;一兆字节的文本并不罕见。 服务器是流友好的。在直接从JavaScript返回数据流时,还有什么方法可以访问它? 我确实可以选择编写一些PHP代码,这些代码位于中间并且使用某种“彗星”技术(长轮询,EventSource等),但是如果可能的话,我希望避免这样做。 如果相关,请假设用户具有Firefox / Chrome / Opera的最新版本,并且与旧浏览器的兼容性不是问题。


15
jQuery Button.click()事件被触发两次
此代码存在以下问题: <button id="delete">Remove items</button> $("#delete").button({ icons: { primary: 'ui-icon-trash' } }).click(function() { alert("Clicked"); }); 如果单击此按钮,警报将显示两次。我不仅创建了这个特定的按钮,而且还创建了每个按钮。 我究竟做错了什么?

6
使用循环引用对JavaScript对象进行Stringify(转换为JSON)
我有一个包含循环引用的JavaScript对象定义:它具有引用父对象的属性。 它还具有一些我不想传递给服务器的功能。我将如何序列化和反序列化这些对象? 我读过,做到这一点的最佳方法是使用道格拉斯·克罗克福德的stringify。但是,我在Chrome中遇到以下错误: TypeError:将圆形结构转换为JSON 编码: function finger(xid, xparent){ this.id = xid; this.xparent; //other attributes } function arm(xid, xparent){ this.id = xid; this.parent = xparent; this.fingers = []; //other attributes this.moveArm = function() { //moveArm function details - not included in this testcase alert("moveArm Executed"); } } function person(xid, xparent, xname){ …

5
如何在用户已检查Google Recaptcha中的复选框的js中签入?
我在结尾之前添加了以下内容 <script src='https://www.google.com/recaptcha/api.js'></script> 我在表格结尾之前添加了此内容 <div class="g-recaptcha" data-sitekey="== xxxxxx =="></div> 我可以看到类似于https://developers.google.com/recaptcha/的Recaptcha 但是,当用户在不选中复选框的情况下按下数据时,将提交数据。是否需要添加其他代码来检查用户是否已按下复选框?希望在js中?

4
jQuery:value.attr不是函数
我在页面中偷了这个: $('#category_sorting_form_save').click(function(){ var elements = $("#category_sorting_elements > div"); $.each(elements, function(key, value) { console.info(key," : ",value); console.info("cat_id: ",value.attr('cat_id')); }); }); 当执行时,我得到: 0 : <div class="dragable" cat_id="6" value="" style="opacity: 1;"> value.attr is not a function console.info("cat_id: ",value.attr('cat_id')); 我在这里做错了什么?我正在尝试获取div.cat_id元素的值。

11
使用jQuery按字母顺序对选项元素进行排序
我正在尝试按字母顺序理解option元素内的排序元素select。理想情况下,我想将此作为一个单独的函数,在这里我可以只传递select元素,因为当用户单击某些按钮时需要对它进行排序。 我在高低处寻找了实现此目标的一种好方法,但是找不到任何对我有用的方法。 选项元素应按文本而不是值按字母顺序排序。 这有可能吗?

2
删除所有子元素的CLASS
鉴于以下HTML: <div id="table-filters"> <ul> <li class="active">blah</li> <li>blah</li> <li>blah</li> <li>blah</li> </ul> </div> 使用表过滤器作为jQuery选择器,CLASS=ACTIVE无论LI碰巧处于哪个位置,我如何清除具有的元素? 谢谢

7
用户脚本在执行代码技术之前要等待页面加载?
我正在编写一个Greasemonkey用户脚本,并且希望该页面完全完成加载后才能执行特定代码,因为它返回了我要显示的div计数。 问题是,此特定页面有时需要花费一些时间才能加载所有内容。 我已经尝试过,记录$(function() { });和$(window).load(function(){ });包装。但是,似乎没有一个对我有用,尽管我可能错误地使用了它们。 我所能做的最好是使用一个setTimeout(function() { }, 600);可行的方法,尽管它并不总是可靠的。 在Greasemonkey中使用哪种最佳技术来确保在页面完成加载后将执行特定代码?

9
自举崩溃动画不流畅
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script> <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" /> <div class="form-group"> <a for="collapseOne" data-toggle="collapse" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne" class="btn btn-primary">+ addInfo </a> <textarea class="form-control collapse" id="collapseOne" rows="4"></textarea> </div> <div class="form-group"> <a for="collapseTwo" data-toggle="collapse" href="#collapseTwo" aria-expanded="true" aria-controls="collapseOne" class="btn btn-info">+ subtitle </a> <input type="text" class="form-control collapse" id="collapseTwo"> </div> 运行代码段隐藏结果展开摘要 问题是,单击addInfo选项卡时,您会发现在展开时出现了跳跃text_area,即动画不流畅。

12
可编辑div的占位符
我有以下内容:FIDDLE 占位符可以很好地工作,直到您输入ctrl+A和为止delete。如果这样做,则占位符将消失并且不再显示。 怎么了?如何为内容可编辑的div使用占位符? HTML: <div class="test" placeholder="Type something..." contenteditable="true"></div> CSS: .test { width: 500px; height: 70px; background: #f5f5f5; border: 1px solid #ddd; padding: 5px; } .test[placeholder]:empty:before { content: attr(placeholder); color: #555; } 谢谢。
78 javascript  jquery  html  css 

7
单击link_to帮助器后,Rails,JavaScript无法加载
当我在rails中使用link_to帮助器时,加载JavaScript时遇到了一些麻烦。当我手动输入带有'localhost:3000 / products / new'的URL或重新加载页面时,将加载javascript,但是当我经过如下所示的链接时,jQuery$(document).ready将不会加载到新页面上。 Link_to,当我单击此链接时,javascript无法加载: <%= link_to "New Product", new_product_path %> products.js文件 $(document).ready(function() { alert("test"); }); 任何帮助将非常感激。提前致谢!

8
jQuery datepicker年显示
使用jQuery datepicker,如何更改显示的年份范围?在jQuery UI网站上,默认设置为“显示当前年份之前和之后的10年”。我想将其用于生日选择,今天之前的10年是不好的。可以使用jQuery datepicker完成此操作,还是必须使用其他解决方案? 链接到datepicker演示:http : //jqueryui.com/demos/datepicker/#dropdown-month-year

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.