Tag: javascript

如何在页面上检测链接的PDF并显示使用jquery下载Adobe Reader的消息？: 如果页面链接了.pdf文件，那么的消息应该在#mainontent div结尾之前添加为最后一段例如，这是默认的HTML？ PDF, 316Kb PNG, 77Kb 检测到pdf后它应该是这样的 PDF, 316Kb PNG, 77Kb Most computers will open PDF documents automatically, but you may need to download Adobe Reader. 或者作为#maincontent div之后的#maincontent div。用jquery有可能吗？编辑：页面可以有一个或多个PDF我想在底部添加消息。我也需要IE 6的兼容性编辑2：我不能也不想在工具提示上使用鼠标

Jquery .each（） – 返回值未定义: 为什么getColorOptionSelect（）返回未定义的值（我确定它有一个调试器的值）。这肯定是一个与范围相关的问题，对我的js无知感到抱歉 jQuery(document).ready(function () { colorSelectID = getColorOptionSelect(); alert(colorSelectID); function getColorOptionSelect() { // get label var selId; jQuery(“.product-options dl label”).each(function () { el = jQuery(this); // lower case, remove * var labelText = el.text().toLowerCase().replace(“*”, “”); if (labelText == ‘color’) { //return element selId = el.parent().next().find(“select”).attr(‘id’); return selId; } }); // return null; } });

为什么不模拟tab键按键将焦点移动到下一个输入字段？: 请注意这个问题。我看到除了触发tab按键事件之外还有其他方法，但我仍然想知道为什么触发tab键按下事件不会将焦点移动到下一个输入字段。密码笔 HTML JS $(‘textarea’).on(‘keydown’, function(e) { if (e.metaKey && e.which === 40) { console.log(‘test’); $(this).trigger({ type: ‘keypress’, which: 9 }); } });

jQuery ajax async：false会导致奇怪的警告吗？: 在我的JS应用程序中，我使用async: false进行了许多Ajax调用。我正在使用最新的Chrome浏览器，并在我的控制台下方警告最近出现。主线程上的同步XMLHttpRequest由于其对最终用户体验的不利影响而被弃用。如需更多帮助，请访问http://xhr.spec.whatwg.org/ 。现在我想尝试将所有async: false更改为async: true 。但它会导致很多错误，因为我的应用程序需要使用async: false运行。警告只是一个错误或什么？我可以担心或忽略这一点吗？

格式化电话号码: 以下文本框在从数据库获取电话号码后打印电话号码的值。如何以格式（xxx）xxx-xxxx打印此值。注意：值来自数据库的0123456789forms，输出应为（012）345-6789。

在嵌套对象中匹配键值对的路径: 我试图在嵌套对象中实现搜索。 // Returns an array of matching objects function getObjects(obj, key, val) { var objects = []; for (var i in obj) { if (!obj.hasOwnProperty(i)) continue; if (typeof obj[i] == ‘object’) { objects = objects.concat(getObjects(obj[i], key, val)); } else if (!$.isNumeric(obj[key]) && i == key && obj[key].toLowerCase().match(val)) { objects.push(obj); } } return objects; } 此函数根据提供的键值对返回匹配对象。 […]

巧妙地加载1000张图片: 我在同一页面上有1000张图片。不幸的是，我不能在它们上使用精灵，因为图像的数量不断增加。因此，您可以想象它会发送1000个HTTP请求，因此需要花费大量时间来加载图像，这对访问者来说并不是很好的体验。我看过其中一个名为Lazy Load的脚本，但我在想是否有更聪明的方式加载图像（关于SEO的好处，加载图像更快，对用户体验有好处）。有没有办法以更好的方式加载图像？详细说明：我必须在同一页面上加载所有1000张图片，没有别的出路。它会是什么样的或者我将用它做什么，我实际上已经在http://bloghutsbeta.blogspot.com/2012/03/testing-2_04.html 上为你做了一个测试页面。如您所见，我使用的是Jacek Galanciak制作的jQuery Quicksand插件。我与这个插件没有很好的关系，就好像我要添加jQuery或脚本一样。它会要求一个回调函数，这对我来说是一个盲点。（这就是我为它制作CSS工具提示的原因：D）我的测试页面上有很多图片但不是1000张。当它们是1000时，它会很乱。所以我不知道在这种情况下如何处理1000张图像。（顺便感谢你所有人的可爱评论）

slideDown最后突然跳了起来: 我在垂直列中构建了一个相当普通的菜单子菜单 – 嵌套的slideToggle ，使用slideToggle来展开和折叠子菜单。我试图解决的问题是子菜单在最后“跳”开的方式。（我正在测试最新版本的Chrome。）在第二个子菜单“好处”中，这可能是最值得注意的。当菜单折叠时，它不会跳转，只有当它们正在扩展时才会跳转。我认为问题可能与以下内容有关:after仅在菜单完全展开:after添加样式。具体来说，一旦菜单完全展开，类current就会添加到LI标签中。但是注释掉切换该类的代码似乎没有任何效果。 http://jsfiddle.net/mblase75/5gGum/ JS： $(document).ready(function() { $(‘#group-subnav > ul > li > a’).on(‘click’, function(e) { e.preventDefault(); var $li = $(this).closest(‘li’); $li.find(‘ul’).slideToggle(”, function() { $li.toggleClass(‘current’) }).end().siblings().find(‘ul’).slideUp(”, function() { $li.siblings().removeClass(‘current’) }).end(); }); }); CSS相当可观，HTML也不起眼。

屏蔽社会安全号码输入: 对于Web应用程序，我构建隐私非常重要，用户输入数据的格式也是如此。为了帮助解决这个问题，我已经插入了一个jquery库来帮助掩盖字段http://igorescobar.github.io/jQuery-Mask-Plugin/ 但是，我似乎无法掩盖社会安全号码。例如，格式很好地通过567-78-7890，但我似乎无法弄清楚如何掩盖或隐藏前四个数字……如* – -7890。我的html只是一个输入字段并使用此插件我尝试将其屏蔽为 $(‘.social’).mask(‘000-00-0000’); 这只是提供格式 $(‘.newsocial’).mask(‘xxx-xx-0000’); 这只会替换他们用x输入的数字。我还设置了一个jsFiddle帮助http://jsfiddle.net/w2sccqwy/1/ 任何帮助都会很精彩！ PS我不能使用密码字段，因为必须向用户显示最后四个数字，并且我不能有多个字段。这是公司的要求。我不能像我想的那样改变公司的要求。