Tag: javascript

使用’window’，’document’和’undefined’作为包装jQuery插件的匿名函数中的参数: 老实说，我不知道如何缩短标题。我通过研究SlidesJS插件的来源学习了如何编写jQuery插件。当我遇到一些新的东西时，我只是问了我的好朋友谷歌并且大多数时候都得到了满意的答案。老实说，我从来没有做过多少努力。我所知道的是$ （可能）是一个简写的jQuery对象构造函数，并且$()和jQuery()是相同的东西，只要包含jQuery。不过，最近，我试图理解jQuery背后的科学以及如何编写一个好的 jQuery插件。我遇到了一篇非常好的文章，其中作者列出了几个用于创建jQuery插件的模板。由于其余部分太复杂，我无法理解，我喜欢第一个：轻量级开始。现在，这是所述模板的代码。 /*! * jQuery lightweight plugin boilerplate * Original author: @ajpiano * Further changes, comments: @addyosmani * Licensed under the MIT license */ // the semi-colon before the function invocation is a safety // net against concatenated scripts and/or other plugins […]

每次用JavaScript / jQuery滚动时，你能获得用户的滚动位置吗？: 滚动时是否可以抓取用户滚动条的当前位置？比方说，如果它们滚动到最顶部，它将为0，如果它们向下滚动它会改变。每当我访问它时，我可以分配一个变量来包含当前滚动位置，还是已经有JavaScript中的函数？

REACT JS：映射在JSX中呈现的对象数组: 我是React JS的新手。问题是我需要在这段代码中显示数据库中的所有字段。我已经能够在浏览器控制台中获取所有数据作为对象，并且我能够在浏览器中查看数组中的最后一块数据，但是无法查看它们。请原谅我代码中的错误格式，因为我是新手。谢谢提前….. 输出和代码浏览器视图：Land of Toys Inc.的名称是131 JSON数据： {“posts”:[ {“id”:”103″,”name”:”Atelier graphique”}, {“id”:”112″,”name”:”Signal Gift Stores”}, {“id”:”114″,”name”:”Australian Collectors, Co.”}, {“id”:”119″,”name”:”La Rochelle Gifts”}, {“id”:”121″,”name”:”Baane Mini Imports”}, {“id”:”124″,”name”:”Mini Gifts Distributors Ltd.”}, {“id”:”125″,”name”:”Havel & Zbyszek Co”}, {“id”:”128″,”name”:”Blauer See Auto, Co.”}, {“id”:”129″,”name”:”Mini Wheels Co.”}, {“id”:”131″,”name”:”Land of Toys Inc.”} ]} 这些数据是通过编写为插件的PHP代码获得的，该插件采用JS代码中给出的urlforms HTTP：//localhost/Akshay/REACT/testDataAPI.php用户= 2＆NUM = 10＆格式= JSON 我的代码： React Tutorial var […]

Jquery Ajax beforeSend和成功，错误和完整: 我有多个ajax函数的问题，其中第二个 ajax post的beforeSend在第一个 ajax的complete函数之前执行。我在发送之前添加到占位符的加载类正在为第一个ajax调用工作。但是，在第一个ajax请求完成后不久，该类将被删除，并且永远不会再次追加第二个和更多的调用（记住递归调用）。调试时显示第一个调用第二个ajax调用的beforeSend函数，稍后调用第一个ajax调用的complete函数。这是显而易见的，因为从第一个ajax调用中插入页面的返回数据开始第二次调用。简而言之，它是混乱的。有什么办法可以解决这个问题吗？ function代码如下 function AjaxSendForm(url, placeholder, form, append) { var data = $(form).serialize(); append = (append === undefined ? false : true); // whatever, it will evaluate to true or false only $.ajax({ type: ‘POST’, url: url, data: data, beforeSend: function() { // setting a timeout $(placeholder).addClass(‘loading’); […]

如何使用滑块更改HTML5音频音量或音轨位置？: 我知道.play()和.stop()方法。但有没有办法将滑块连接到音量？或滑块到轨道位置？那可能吗？并且感谢帮助。谢谢！

使用jQuery获取iframe的html内容: 我正在尝试定制OpenCms（基于java的开源CMS），它使用嵌入式FCKEditor，这是我正在尝试使用js / jQuery访问。我尝试获取iframe的html内容，但是，总是将null作为返回值。这就是我尝试从iframe中获取html内容的方法： var editFrame = document.getElementById(‘ta_OpenCmsHtml.LargeNews_1_.Teaser_1_.0___Frame’); alert( $(editFrame).attr(‘id’) ); // returns the correct id alert( $(editFrame).contents().html() ); // returns null (!!) 查看屏幕截图，我想要访问的是“LargeNews1 / Teaser”html部分，该部分目前包含值“Newsline en …”。下面你还可以看到Firebug中的html结构。但是， $(editFrame).contents().html()返回null，我无法找出原因，而$(editFrame).attr(‘id’)返回正确的id。 iframe内容/ FCKEditor位于同一站点/域上，没有跨站点问题。 iframe的Html代码位于http://pastebin.com/hPuM7VUz 更新：这是一个有效的解决方案： var editArea = document.getElementById(‘ta_OpenCmsHtml.LargeNews_1_.Teaser_1_.0___Frame’).contentWindow.document.getElementById(‘xEditingArea’); $(editArea).find(‘iframe:first’).contents().find(‘html:first’).find(‘body:first’).html(‘some new value’);

Fancybox图像库: 我想要的是一张图片，点击后打开一个图库。我正在使用FancyBox，我想要Thumbnail Helper（带图像映射）它是这样的： http ： //jsfiddle.net/ffZ7B/343/当你单击左边的weel时，它会打开图库，但它不会显示缩略图。我试过这个： http ： //jsfiddle.net/ffZ7B/344/ 有谁知道怎么做？谢谢！

jquery文件上传进度条不准确: 我正在使用jquery文件上传（ http://blueimp.github.io/jQuery-File-Upload/ ）插件。我的代码： $(‘#fileupload’).fileupload({ url: ‘server/index.php’, dataType: ‘json’, dropZone: $(‘#dropzone’), }).bind(‘fileuploadprogress’, function (e, data) { var progress = parseInt(data.loaded / data.total * 100, 10); $(‘.progress-bar’).css(‘width’, progress + ‘%’); }); 当我上传文件时，进度条非常不准确。每当我上传文件的大小时，进度条总是会停留在10％左右，直到文件上传完成，然后直接上升到100％。它为什么表现得那样？如何修复它以正确显示进度？谢谢。

如何在jquery中跟踪鼠标动画: 好的，这对于跟随我的鼠标非常合适。 // $(document).mousemove(function(e){ $(“#follower”).css({ ‘top’: e.pageY + ‘px’; ‘left’: e.pageX + ‘px’; }); }); // 这非常适合将鼠标设置为点击点 // $(document).click(function(e){ $(“#follower”).animate({ top: e.pageY + ‘px’; left: e.pageX + ‘px’; }, 800); }); // 但我个人觉得这在逻辑上应该工作！来自我的观点作为webscripter。 Amd那么我的问题是，我怎样才能做到这一点。我希望#follower尝试用一种动态的落后感觉跟随我的鼠标。 // $(document).mousemove(function(e){ $(“#follower”).animate({ top: e.pageY + ‘px’; left: e.pageX + ‘px’; }, 800); }); //

禁用“您所做的更改可能无法保存”弹出窗口: 我使用以下前端代码导出.csv文档。 HTML {% csrf_token %} DOWNLOAD JS $(‘#export-link’).click(function(e) { e.preventDefault(); var link = $(this); var form = link.closest(‘form’); var project_id = proj_id.find(“:selected”).val(); var input = $(”).attr(‘type’, ‘hidden’).attr(‘name’, ‘project_id’).val(project_id); form.append($(input)); var project_type = proj_type.val(); input = $(”).attr(‘type’, ‘hidden’).attr(‘name’, ‘project_type’).val(project_type); form.append($(input)); form.submit(); }); 出口运作良好，我得到了正确的文件。但是，我也会在点击导出链接后收到您所做的更改可能无法保存的消息。如何禁用此消息？我不想看到它。