程序设计 jquery

14

对于HTML中的此下拉列表： <select id="countries"> <option value="1">Country</option> </select> 我想打开列表（与单击鼠标左键相同）。使用JavaScript（或更具体地说是jQuery）是否可能？

85 jquery html drop-down-menu

9

在本地托管jQuery的好处与陷阱[关闭]

已关闭。这个问题需要更加集中。它当前不接受答案。想改善这个问题吗？更新问题，使其仅通过编辑此帖子来关注一个问题。去年关闭。改善这个问题我们目前正在从Google CDN中提取jQuery和jQueryUI（以及jQueryUI CSS）库。我喜欢这样，因为我可以打电话，google.load("jquery", "1"); 并且将使用最新的jQuery1.xx。现在我出于安全考虑将库拉到本地。我很高兴将它们拉到本地，但我想知道还有哪些其他好处和陷阱值得关注？

85 javascript jquery jquery-ui cdn

14

如何使用Javascript / jQuery确定是否已加载图像？

我正在编写一些Javascript来调整大图像的大小，以适合用户的浏览器窗口。（不幸的是，我没有控制源图像的大小。）因此，HTML中将包含以下内容： <img id="photo" src="a_really_big_file.jpg" alt="this is some alt text" title="this is some title text" /> 我是否可以确定标签中的src图像img是否已下载？我需要这样做，因为如果$(document).ready()在浏览器加载图像之前执行该命令，就会遇到问题。 $("#photo").width()并$("#photo").height()返回占位符的大小（替代文本）。就我而言，这约为134 x 20。现在，我只是在检查照片的高度是否小于150，并假设是alt文字。但这是一个很不错的技巧，如果照片的高度小于150像素（在我的特定情况下不太可能），或者替换文字的高度大于150像素（可能发生在小的浏览器窗口中），它就会中断。编辑：对于想要查看代码的任何人： $(function() { var REAL_WIDTH = $("#photo").width(); var REAL_HEIGHT = $("#photo").height(); $(window).resize(adjust_photo_size); adjust_photo_size(); function adjust_photo_size() { if(REAL_HEIGHT < 150) { REAL_WIDTH = $("#photo").width(); REAL_HEIGHT = $("#photo").height(); if(REAL_HEIGHT < …

85 javascript jquery image

13

jQuery-如何根据值选择下拉项

我想将一个下拉列表（选择）设置为基于条目的值进行更改。我有 <select id="mySelect"> <option value="ps">Please Select</option> <option value="ab">Fred</option> <option value="fg">George</option> <option value="ac">Dave</option> </select> 而且我知道我想更改下拉菜单，以便选择值为“ fg”的选项。如何使用JQuery做到这一点？

85 javascript jquery select jquery-selectors

16

如何清除/重置jQuery UI Datepicker日历上的选定日期？

如何重置日期选择器日历值？..最小和最大日期限制？问题是当我清除日期（通过删除文本框值）时，以前的日期限制仍然适用。我一直在整理文档，没有任何解决方案。我也无法在SO / google搜索中找到快速解决方案 http://jsfiddle.net/CoryDanielson/tF5MH/ 解： // from & to input textboxes with datepicker enabled var dates = $("input[id$='dpFrom'], input[id$='dpTo']"); // #clearDates is a button to clear the datepickers $('#clearDates').on('click', function(){ dates.attr('value', ''); dates.each(function(){ $.datepicker._clearDate(this); }); }); _.clearDate（）是DatePicker对象的私有方法。您不会在jQuery UI网站的公共API中找到它，但是它的作用就像一个魅力。

85 jquery jquery-ui jquery-ui-datepicker

17

自动缩放input [type = text]到值的宽度？

有没有办法将an<input type="text">的宽度缩放为实际值的宽度？ input { display: block; margin: 20px; width: auto; } <input type="text" value="I've had enough of these damn snakes, on this damn plane!" /> <input type="text" value="me too" /> 运行代码段隐藏结果展开摘要

85 jquery html css

9

在mousemove上从画布获取像素颜色

是否可以在鼠标下获取RGB值像素？有完整的例子吗？这是我到目前为止的内容： function draw() { var ctx = document.getElementById('canvas').getContext('2d'); var img = new Image(); img.src = 'Your URL'; img.onload = function(){ ctx.drawImage(img,0,0); }; canvas.onmousemove = function(e) { var mouseX, mouseY; if(e.offsetX) { mouseX = e.offsetX; mouseY = e.offsetY; } else if(e.layerX) { mouseX = e.layerX; mouseY = e.layerY; } var c …

85 javascript html jquery canvas getimagedata

8

页面加载后如何执行jQuery代码？

如果希望事件在页面上运行，则应在$（document）.ready（）函数内调用该事件。DOM加载后以及页面内容加载之前，其中的所有内容都将加载。我只想在页面内容加载后执行javascript代码，该怎么办？

85 jquery

7

检测捏的最简单方法

这是一个WEB APP，不是本机应用。请不要使用Objective-C NS命令。因此，我需要在iOS上检测“捏”事件。问题是我看到的用于做手势或多点触摸事件的每个插件或方法，（通常）是jQuery，并且是在阳光下每个手势的全部附加插件。我的应用程序非常庞大，并且我对代码中的死木非常敏感。我所需要的只是检测捏，使用jGesture之类的东西只是为了满足我的简单需求而肿。此外，我对如何手动检测捏有有限的了解。我可以得到两个手指的位置，似乎无法正确地混合以检测到这一点。是否有人有一个简单的代码片段就能检测到捏？

85 javascript jquery ios mobile-safari

8

Bootstrap 3.0 Popover和工具提示

我是Bootstrap的新手，无法正常使用popover和工具提示功能。我对下拉菜单和模型没有问题，但是似乎缺少一些弹出框和工具提示。我正在显示一些工具提示，但是它们的样式和位置都不像引导示例一样。而且弹出窗口根本不起作用。请看一下，让我知道我所缺少的。 <!DOCTYPE html> <html> <head> <title>Bootstrap 101 Template</title> <meta name="viewport" content="width=device-width, initial-scale=1.0">  <link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css" rel="stylesheet" media="screen"> <link href="css/font-awesome.min.css" rel="stylesheet" media="screen"> <link href="css/index.css" rel="stylesheet" media="screen">  <!--[if lt IE …

84 javascript jquery css twitter-bootstrap

3

AngularJS + JQuery：如何使动态内容在angularjs中工作

我正在使用jQuery和AngularJS开发Ajax应用程序。当我使用jQuery的html功能更新div的内容（包含AngularJS绑定）时，AngularJS绑定不起作用。以下是我正在尝试执行的代码： $(document).ready(function() { $("#refreshButton").click(function() { $("#dynamicContent").html("<button ng-click='count = count + 1' ng-init='count=0'>Increment</button><span>count: {{count}} </span>") }); }); </style><script src="http://docs.angularjs.org/angular-1.0.1.min.js"></script><style>.ng-invalid { border: 1px solid red; } <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <div ng-app=""> <div id='dynamicContent'> <button ng-click="count = count + 1" ng-init="count=0"> Increment </button> <span>count: {{count}} </span> </div> <button id='refreshButton'> Refresh …

84 jquery angularjs

3

使用jQuery选择最后5个元素

是否可以选择元素的最后5个子div？

84 jquery css-selectors

16

如何使用Twitter Bootstrap弹出窗口进行jQuery验证通知？

我可以很容易地使用引导程序使弹出窗口显示出来，也可以使用标准的jQuery验证插件或jQuery验证引擎进行验证，但是我不知道如何将它们引入另一个。我认为我需要的是验证器要显示通知时调用的钩子，为它提供一个闭包，将消息和目标元素传递给弹出框。这似乎是一种依赖注入。从理论上讲一切都很好，但我只是无法弄清楚该钩子在哪里，或者即使在任一验证引擎中都存在。他们俩似乎都打算承担显示通知的责任，这些通知带有错误，错误类型（我甚至不一定需要消息文本）及其相关元素，以便显示通知，其中包含各种精美的布局，包装，样式选项至。我找到了整个表单的钩子，而不是单个通知的钩子。我更喜欢使用类定义规则的验证系统，因为它们可以很好地与动态创建的表单一起使用。任何人都有解决方案或更好的主意吗？

84 jquery validation twitter-bootstrap popover

8

如何在JavaScript或jQuery中标准化HTML？

标签可以具有多个属性。属性在代码中出现的顺序无关紧要。例如： <a href="#" title="#"> <a title="#" href="#"> 如何在Javascript中“标准化” HTML，因此属性的顺序始终相同？我不在乎选择哪个顺序，只要顺序始终相同即可。更新：我的最初目标是使比较（在JavaScript中）2个HTML页面（略有差异）更加容易。因为用户可以使用不同的软件来编辑代码，所以属性的顺序可能会更改。这使得差异太冗长。答案：好的，首先感谢您的回答。是的，这是可能的。这是我设法做到的方式。这是一个概念证明，可以肯定地对其进行优化： function sort_attributes(a, b) { if( a.name == b.name) { return 0; } return (a.name < b.name) ? -1 : 1; } $("#original").find('*').each(function() { if (this.attributes.length > 1) { var attributes = this.attributes; var list = []; for(var i =0; …

84 javascript jquery html html-parsing

5

Grep vs jQuery中的过滤器？

我想知道Grep和Filter之间的区别：筛选器：将匹配元素的集合减少到与选择器匹配或通过功能测试的元素。 Grep：查找满足过滤功能的数组元素。原始阵列不受影响。好。所以如果我在GREP中这样做： var arr = [ 1, 9, 3, 8, 6, 1, 5, 9, 4, 7, 3, 8, 6, 9, 1 ]; myNewArray= jQuery.grep(arr, function(n, i){ return (n != 5 && i > 4); }); 我也可以： var arr = [ 1, 9, 3, 8, 6, …

84 jquery filter

Questions tagged «jquery»