Tag: javascript

jQuery：我如何监听一般的键盘输入？: 我正在构建一个网站，在页面加载后，需要监听特定的键盘字符串。我感兴趣的事件实际上是一个扫描对象的扫描仪，但它作为键盘输入显示在网站上，forms为~XXX~ 。我看到jQuery有一个keypress()事件，你可以绑定到一个特定的对象。但是，在$(document).ready之后，我怎样才能听一般的键盘输入？

Javascript使用jQuery将查询字符串转换为JSON并返回查询字符串: 希望您能找到以下有助于将查询字符串转换为json对象的函数 var queryStringToJSON = function (url) { if (url === ”) return ”; var pairs = (url || location.search).slice(1).split(‘&’); var result = {}; for (var idx in pairs) { var pair = pairs[idx].split(‘=’); if (!!pair[0]) result[pair[0].toLowerCase()] = decodeURIComponent(pair[1] || ”); } return result; } 用法：获取当前的Windows查询字符串 var result = queryStringToJSON() // without any parameter 从自定义查询字符串中获取json： […]

Selectize.js手动添加一些项目: 我想在用户点击按钮后为选择的输入添加一些项目。输入数据通过Ajax加载。当我调用addItem（value）时，没有任何事情发生。但是，如果我尝试在输入中键入一些字符串，它会加载数据，然后addItem（value）将起作用。 https://github.com/brianreavis/selectize.js/blob/master/docs/api.md

我无法在Chrome中触发卸载事件: 这段代码在Firefox上运行良好，但我不能让unload事件在Chrome上运行。 Chrome是否停止支持卸载事件？这是我的代码： function pageHidden(evt) { alert(“Are you sure 1?”); } //WORKS ON FIREFOX BUT NOT IN CHROME window.addEventListener(“pagehide”, pageHidden, false); window.onunload = function () { alert(“Are you sure 2?”); } //TRIGGERS ON LOAD NOT ON UNLOAD $(window).unload(function () { //WORKS ON FIREFOX BUT NOT IN CHROME alert(“Are you sure 3?”); }); TEST […]

使用jquery获取元素的滚动百分比: 我试图得到一个div来动画0％ – 100％相对于元素滚动的百分比。现在我已经设置了一些变量，但是我在尝试计算一个百分比的高度时遇到了麻烦。我们可以很容易地设置起始宽度并且也可以很容易地检测滚动，因为我们可以获得将触发动画的元素的高度，我只是无法将其作为百分比得到。如果我能弄清楚如何返回滚动的conheight的百分比，那么这应该很容易。 $(window).scroll(function() { // calculate the percentage the user has scrolled down the page var scrollPercent = ($(window).scrollTop() / $(document).height()) * 100; $(‘.bar-long’).css(‘width’, scrollPercent +”%” ); }); 这是一个jsfiddle， http：//jsfiddle.net/SnJXQ/ 这是根据body元素的滚动百分比来设置bar-long动画。动画从0％ – 100％（嗯，它不是真的，但我无法弄清楚为什么）。我想做的是获取.post div的滚动百分比，然后相对于那个动画条长。即。滚动10％.post，.bar-long为10％宽度，滚动70％.post，.bar-long为70％宽度。

在大多数现代浏览器中，你如何使用Jquery延迟加载图像？: 我正在寻找一个支持延迟加载图像的JQuery插件。不再支持Lazy Load JQuery插件，但在Firefox中不起作用。有没有人知道支持大多数现代浏览器的好选择？我也对其他方法持开放态度。我有一个隐藏的div与图像，我不想加载，除非div是可见的。让我知道在这种情况下是否有更好的方法来推迟图像负载。

无法使scrollTop（）在Chrome和Firefox中都能正常运行: 我无法使scrollTop（）方法在Firefox和Chrome中都能正常工作。我用$(‘body, html’).scrollTop(); 但是，它在Chrome中不起作用。只有$(‘body’).scrollTop(); 适用于Chrome。任何想法将不胜感激。以下是我的代码。 Demo body { height: 2000px; } #light { display: block; position: fixed; top: 50%; left: 50%; margin-left: -400px; margin-top: -200px; width: 800px; height: 400px; background-color: blue; z-index:1002; overflow: auto; } $(document).ready(function() { $(window).scroll(function () { var offset = $(‘body, html’).scrollTop(); var view = $(window).height(); var total = […]

在页面完全加载后执行某些操作: 我正在使用一些嵌入代码，动态地将HTML插入页面，因为我必须修改动态插入的HTML，我想要一个jquery函数等到页面加载，我尝试了delay但它似乎没有工作。因此，例如，动态插入的HTM1具有元素div#abc 我有这个jquery： if ( $(‘#abc’)[0] ) { alert(“yes”); } 警报未显示。我很感激任何帮助谢谢

JS / jQuery TypeError：jQuery（…）.datepicker不是一个函数: 我一直在摸不着头两天，很确定我只是错过了一些简单的东西，但我不能为我的生活弄清楚为什么它不起作用。我正在尝试使用下面的WordPress网站上的脚本来禁用ContactForm7表单中的datepicker字段中的特定日期。我可以使用相同的id在一个简单的输入字段中加载jsfiddle中的脚本并且它完美地运行…但是当我将它添加到我的站点时，日期不会被禁用，并且JS错误控制台中出现错误，说“ jQuery（…）。datepicker不是一个函数“ 我已经将它添加到我的header.php文件中，就在wp_head()调用下方和标记之上。我已经像脚本使用的那样为我的dpick字段分配了dpick的id。我读到这个错误通常是在使用$符号时引起的，因为它可能与WordPress中的其他jQuery脚本冲突…所以他们建议用jQuery替换$ （我在下面的脚本中做过）…但是我我仍然得到错误 var unavailableDates = [“1-9-2013”, “2-9-2013”, “3-9-2013”, “4-9-2013”, “5-9-2013”]; function unavailable(date) { dmy = date.getDate() + “-” + (date.getMonth() + 1) + “-” + date.getFullYear(); if (jQuery.inArray(dmy, unavailableDates) == -1) { return [true, “”]; } else { return [false, “”, “Unavailable”]; } } jQuery(function() { jQuery( ‘#dpick’ ).datepicker({ […]

Dropzone图片上传选项不起作用:(: 我试图建立一个拖放图像上传但dropzone选项不工作，我不知道我是否正确的方式。我想设置以下选项：仅上传一个文件（multiupload参数）是否可以删除该文件（addremovelink？）最大文件大小为2mb（maxfilesize）你能帮我吗？这是代码： $(document).ready(function(){ $(“#uploadme”).dropzone({ paramName: ‘photos’, url: ‘upload.php’, dictDefaultMessage: “Drag your images”, clickable: true, enqueueForUpload: true, maxFilesize: 1, uploadMultiple: false, addRemoveLinks: true }); }); 谢谢你们，你摇滚！ 🙂