Questions tagged «jquery»

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

12
在HTML中刷新页面时强制页面滚动到顶部
我正在建立一个要发布的网站 div s一起。当页面滚动到位置X后刷新页面时,页面的滚动位置为X。 如何强制页面刷新到页面顶部? 我能想到的是作为onLoad()页面功能运行的某些JS或jQuery ,以设置页面滚动到顶部。但是我不知道该怎么办。 一个更好的选择是,如果有一些属性或东西要让页面默认加载其滚动位置(即在顶部),这有点像页面加载,而不是页面刷新。

7
不匹配的匿名define()模块
首次浏览Web应用程序时(通常是在禁用缓存的浏览器中),我遇到此错误。 错误:匿名define()模块不匹配:函数(需要){ HTML: <html> . . . <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script> var require = { urlArgs: "v=0.4.1.32" }; </script> <script data-main="assets/js/main" src="assets/js/libs/require.js"></script> <script src="assets/js/ace/ace.js?v=0.4.1.32"></script> </body> </html> JS: $(function () { define(function (require) { // do something }); }); 谁能确切知道此错误的含义以及发生的原因? 源文件,在github问题页面上对此文件进行了简短讨论

9
jQuery在按键后获取输入值
我有以下功能: $(document).ready(function() { $("#dSuggest").keypress(function() { var dInput = $('input:text[name=dSuggest]').val(); console.log(dInput); $(".dDimension:contains('" + dInput + "')").css("display","block"); }); }); 由于某种原因,对于第一次按键,我在控制台日志中得到了一个空字符串。

9
jQuery将选中的复选框的值获取到数组中
我试图获取当前选中的所有复选框的值,并将它们存储到数组中。到目前为止,这是我的代码: $("#merge_button").click(function(event){ event.preventDefault(); var searchIDs = $("#find-table input:checkbox:checked").map(function(){ return $(this).val(); }); console.log(searchIDs); }); 但是,此输出超出了我的需要。我不仅获得了价值,而且获得了一些其他我不想要的东西。 [“ 51729b62c9f2673e4c000004”,“ 517299e7c9f26782a7000003”,“ 51729975c9f267f3b5000002”,prevObject:jQuery.fn.jQuery.init [3],上下文:文档,jquery:“ 1.9.1”,构造函数:函数,初始化:函数…] 我只想要ID(在这种情况下,前3个项目)。 通过使用$.each并将值推入数组,我得到所需的输出: $("#find-table input:checkbox:checked").each(function(){ myArray.push($(this).val()); }) [“ 51729b62c9f2673e4c000004”,“ 517299e7c9f26782a7000003”,“ 51729975c9f267f3b5000002”] 但是,我想使用$.map,因为它可以节省一行代码并且更漂亮。 谢谢
129 javascript  jquery 

30
使用jQuery自动扩展文本区域
如何使用jQuery自动扩展文本区域? 我有一个用于解释会议议程的文本框,因此当我的议程文本持续增长该文本框区域时,我想扩展该文本框。
128 jquery 

9
如何处理jQuery中的按钮单击事件?
我需要有一个按钮并在jQuery中处理其事件。而且我正在编写此代码,但无法正常工作。我错过了什么? <!-- Begin Button --> <div class="demo"> <br> <br> <br> <input id = "btnSubmit" type="submit" value="Release"/> <br> <br> <br> </div> <!-- End Button --> 并在javascript文件中 function btnClick() { // button click $("#btnSubmit").button().click(function(){ alert("button"); }); }
128 jquery 




10
如何使用HTML5输入类型编号处理浮点数和小数点分隔符
我正在构建主要用于移动浏览器的Web应用程序。我使用数字类型的输入字段,因此(大多数)移动浏览器仅调用数字键盘以提供更好的用户体验。此Web应用程序主要用于小数点分隔符是逗号而不是点的区域,因此我需要处理两个小数点分隔符。 如何用点和逗号覆盖整个混乱局面? 我的发现: 桌面版Chrome 输入类型=数字 用户在输入字段中输入“ 4,55” $("#my_input").val(); 返回“ 455” 我无法从输入中获取正确的值 桌面版Firefox 输入类型=数字 用户在输入字段中输入“ 4,55” $("#my_input").val(); 返回“ 4,55” 很好,我可以用点替换逗号并获得正确的浮点数 Android浏览器 输入类型=数字 用户在输入字段中输入“ 4,55” 输入失去焦点时,值将被截断为“ 4” 给用户造成困扰 Windows Phone 8 输入类型=数字 用户在输入字段中输入“ 4,55” $("#my_input").val(); 返回“ 4,55” 很好,我可以用点替换逗号并获得正确的浮点数 当用户可能使用逗号或点作为小数点分隔符并且我想将html输入类型保留为数字以提供更好的用户体验时,这种情况下的“最佳做法”是什么? 我可以将逗号转换为点播中的点,绑定键事件吗,它可以用于数字输入吗? 编辑 Currenlty我没有任何解决方案,如何从类型设置为数字的输入中获取浮点值(字符串或数字)。如果最终用户输入“ 4,55”,则Chrome始终返回“ 455”,Firefox返回“ 4,55”,可以。 同样令人烦恼的是,在Android(经过测试的4.2仿真器)中,当我输入“ 4,55”以输入字段并将焦点更改为其他位置时,输入的数字将被截断为“ 4”。

6
如何转义JSON字符串以将其包含在URL中?
我想使用Javascript生成指向页面的链接。该页面的参数位于我以JSON序列化的Javascript数组中。 所以我想生成一个这样的URL: http://example.com/?data="MY_JSON_ARRAY_HERE" 我该如何转义JSON字符串(序列化的数组)以将其作为参数包含在URL中? 如果有使用JQuery的解决方案,我会喜欢的。 注意:是的,页面的参数必须位于数组中,因为它们很多。我想我以后将使用bit.ly缩短链接。

4
如何使用html表单数据发送JSON对象
所以我有这个HTML表单: <html> <head><title>test</title></head> <body> <form action="myurl" method="POST" name="myForm"> <p><label for="first_name">First Name:</label> <input type="text" name="first_name" id="fname"></p> <p><label for="last_name">Last Name:</label> <input type="text" name="last_name" id="lname"></p> <input value="Submit" type="submit" onclick="submitform()"> </form> </body> </html> 当用户单击“提交”时,哪种形式最简单的方法将此表单的数据作为JSON对象发送到我的服务器? 更新:我已经走了这么远,但似乎没有用: <script type="text/javascript"> function submitform(){ alert("Sending Json"); var xhr = new XMLHttpRequest(); xhr.open(form.method, form.action, true); xhr.setRequestHeader('Content-Type', 'application/json; charset=UTF-8'); var j …
128 javascript  jquery  html  json  forms 

5
如何在Chrome扩展程序中使用jQuery?
我正在写一个chrome扩展程序。我想jQuery在我的扩展程序中使用。我没有使用任何背景页面,只是一个背景脚本。 这是我的文件: manifest.json { "manifest_version": 2, "name": "Extension name", "description": "This extension does something,", "version": "0.1", "permissions": [ "activeTab" ], "browser_action": { "default_icon": "images/icon_128.png" }, "background": { "scripts": ["background.js"], "persistent": false }, "icons": { "16": "images/icon_16.png", "48": "images/icon_48.png", "128": "images/icon_128.png" } } 我的background.js文件只是运行另一个名为work.js // Respond to the click on extension …

17
如何使用ES6语法导入jquery?
我正在ES6通过babelTranspiler和preset-es2015插件以及semantic-ui样式使用(JavaScript)语法编写一个新应用程序。 index.js import * as stylesheet from '../assets/styles/app.scss'; import * as jquery2 from '../dist/scripts/jquery.min'; import * as jquery3 from '../node_modules/jquery/dist/jquery.min'; console.log($('my-app')); index.html <!DOCTYPE html> <html lang="fr"> <head> <body> <script src="dist/app.js"></script> </body> </html> 项目结构 . ├── app/ │ ├── index.js ├── assets/ ├── dist/ │ ├── scripts/ │ │ ├── jquery.min.js …

5
将jQuery $(this)与ES6箭头函数一起使用(词汇表this绑定)
将ES6箭头功能与词汇this绑定一起使用非常好。 但是,我刚才遇到一个问题,将它与典型的jQuery click绑定一起使用: class Game { foo() { self = this; this._pads.on('click', function() { if (self.go) { $(this).addClass('active'); } }); } } 改用箭头功能: class Game { foo() { this._pads.on('click', () => { if (this.go) { $(this).addClass('active'); } }); } } 然后$(this)转换为ES5(self = this)类型的关闭。 是否可以让Traceur忽略词法绑定的“ $(this)”?

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.