Tag: jQuery

无法清除临时存储

无法清除临时存储：确定某些文件在Web应用程序中访问不安全，或者调用的文件资源太多。 引发SecurityError 我在控制台中得到这个错误。 我有一个脚本名script.js这使得Ajax调用来检索数据从PHP。 任何想法为什么？ 这是我的jQuery脚本 $(document).ready(function() { var loading = false; var docHeight = $(window).height(); $('.timeline').css({minHeight: docHeight}); function get_tl_post() { if (loading==false) { loading = true; $.ajax({ type:"POST", url:"timeline.php", data:"data=instagram", beforeSend:function(){ $('.loader').fadeIn("slow"); }, complete:function(){ loading = false; $('.loader').fadeOut("slow"); }, success:function(data) { if(data=="error") { get_tl_post(); } $(data).hide().appendTo(".timeline").fadeIn(1000); } }); } } $(window).scroll(function(){ if ($(window).scrollTop() == […]

pjax是“stream体”导航的方式吗？

我已经开始使用pjax了 ，因为我想为我的用户提供一个快速，stream畅的体验，而不需要太多不必要的HTTP请求，并重复呈现未更改的HTML。 在我的网站上，我的工作效果相当不错，我必须说，启动和运行起来非常容易，考虑到它为这个体验带来了多大的差异。 然而，我看到很less的支持pjax – 无论是在StackOverflow和一般的networking（ 谷歌search返回顶部完全 无关的web开发许多结果）。 但是我对它印象深刻，即使没有得到广泛的支持，我仍然可以使用它。 我主要担心的是后来在没有很多支持的情况下投入我的代码时遇到了一些大问题。 所以我想确保那里没有别的东西。 有没有其他的实现pjax提供，我不知道的相同的function？ 还是这么新，没有多less人知道呢？ 或者，这只是一个糟糕的/有问题的实现？

如何使用XHR onProgress函数使用压缩/ gzip压缩的内容？

我曾经见过一堆类似的问题，但是我还没有find一个完全描述我当前问题的问题，所以这里是： 我有一个页面，通过AJAX加载一个大（0.5到10 MB）的JSON文档，以便客户端代码可以处理它。 一旦文件加载，我没有任何问题，我不指望。 但是，下载需要很长时间，所以我尝试利用XHR Progress API来呈现进度条，以向用户指示文档正在加载。 这工作得很好。 然后，为了加快速度，我尝试通过gzip和deflate压缩服务器端的输出。 这也有很大的收获，但是，我的进度条停止了工作。 我查了一下问题，发现如果一个正确的Content-Length头没有被请求的AJAX资源发送， onProgress事件处理程序不能按预期工作，因为它不知道下载有多远它是。 发生这种情况时，名为lengthComputable的属性在事件对象上设置为false 。 这是有道理的，所以我试图明确地设置输出的未压缩和压缩的长度。 我可以validation头文件正在发送，我可以validation我的浏览器知道如何解压缩内容。 但是onProgress处理程序仍然报告lengthComputable = false 。 所以我的问题是： 有没有办法使用AJAX Progress API来压缩/缩小内容？ 如果是的话，我现在做错了什么？ Chromenetworking面板中显示资源的方式如下： 这些是相关的请求标头，显示请求是AJAX， Accept-Encoding设置正确： GET /dashboard/reports/ajax/load HTTP/1.1 Connection: keep-alive Cache-Control: no-cache Pragma: no-cache Accept: application/json, text/javascript, */*; q=0.01 X-Requested-With: XMLHttpRequest User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_5) AppleWebKit/537.22 (KHTML, like […]

iOS – 手动对焦于input/文本区的解决方法

所以我已经看到很多有关iOS问题的话题，主要关注input / textarea元素。 （看到这里和这里 ）看来，iOS不会让你手动专注于这些元素之一，并要求它是一个真正的点击/点击专注于元素。 我已经尝试模拟一个点击，触发一个点击，只是做点击（）马上…各种各样的事情。 这是我目前正在尝试实施的解决方法： $scope.gotoElement = function(eID) { // call $anchorScroll() $scope.smoothScrollTo(eID).then(function() { clickElement('#textarea'); }); } function clickElement(e) { $(e).on('touchstart', function() { //$(e).val('touchstart'); $(e).focus(); }); $(e).trigger('touchstart'); } 你不需要担心滚动function，我知道这个工程，我已经testing了足够的。 注释掉$(e).val('touchstart')不会改变文本区域的文本，但是.focus()在iOS上不起作用。 我已经在Android设备上testing过，并且工作正常，但是在iOS上它并没有显示出键盘。 有时它会开始提起键盘半秒钟，然后再次消失。 我已经看过其他线程，正如我上面提到的，我似乎无法弄清楚如何编写一个解决方法。 有任何想法吗？

JQuery的AJAX与ASP.NET WebMethod返回整个页面

我正在做一些简单的testing（准备一个更大的项目），使用JQuery AJAX调用ASP.NET WebMethod。 在我的例子中，我的WebMethod返回一个简单的string。 但是，当我尝试使用JQuery调用它时，我得到的是返回的整个HTML页面内容，而不仅仅是我的string。 我错过了什么？ 客户端 ： $(document).ready(function ready() { $("#MyButton").click(function clicked(e) { $.post("Default.aspx/TestMethod", {name:"Bob"}, function(msg) { alert("Data Recieved: " + msg); }, "html" ); }); }); 服务器端： using System; using System.Web.Services; namespace JqueryAjaxText { public partial class _Default : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { } [WebMethod] public static string […]

如何检测单选button取消select事件？

有一个简单的方法来附加一个单选button“取消”事件？ 看起来只有当button被选中时，更改事件才会被触发。 HTML <input type="radio" id="one" name="a" /> <input type="radio" id="two" name="a" /> JavaScript的 $('#one').change(function() { if(this.checked) { // do something when selected } else { // THIS WILL NEVER HAPPEN // do something when deselected } });​ 的jsfiddle

Javascript与jQuery：单击并双击相同的元素，不同的效果，一个禁用另一个

我有一个有趣的情况 – 我有一个表格行，当我点击“展开”button时，显示它是隐藏的对应表格。 包含展开button的原始（未隐藏）行也在某个单元格中具有某些内容，点击后该单元格可以编辑。 我想摆脱扩大button，并通过双击行本身的任何地方，包括单击它时可以编辑的字段，启用行的扩展。 你已经可以闻到麻烦了。 当我双击一行时，在发生dblclick之前，首先触发两个点击事件。 这意味着如果我双击该字段，它将变成一个可编辑的，并且该行将展开。 我想阻止这一点。 我想要doubleclick来防止单击发射，并单击执行照常。 使用event.stopPropagation（）显然是行不通的，因为它们是两个不同的事件。 有任何想法吗？ 编辑（一些半伪代码）： 原始版本： <table> <tbody> <tr> <td><a href="javascript:$('#row_to_expand').toggle();" title="Expand the hidden row">Expand Row</a></td> <td>Some kind of random data</td> <td><?= $editable_cell_which_turns_into_an_input_field_on_single_click[0]->value("First editable value") ?></td> <td><?= $editable_cell_which_turns_into_an_input_field_on_single_click[1]->value("Second editable value") ?></td> <td><?= $editable_cell_which_turns_into_an_input_field_on_single_click[2]->value("Third editable value") ?></td> <!– … –> <td><?= $editable_cell_which_turns_into_an_input_field_on_single_click[n]->value("Nth editable value") ?></td> </tr> <tr style="display: […]

简单的跨浏览器，带进度条的jQuery / PHPfile upload

我知道这里有几个主题，但没有一个提供了一个file upload脚本的明确解决scheme： 适用于IE7 + 有一个进度条（在每个浏览器上） 没有Flash（或后备） 任何解决scheme

等价于jQuery的$ .map？

我正在从依靠jQuery过渡到在AngularJS中构build应用程序。 在许多地方build议不要混用jQuery和Angular代码。 我想念的一件事是数组的jQuery $ .map函数。 我知道这可以重新编写使用本地JavaScript 映射函数 ，但是这并不是在所有的浏览器（特别是，IE <V9）中实现。 那么，是否有一个angular的等价物，或者我应该回到写作for (var x = 0; x < foo; x += 1) {…}所以我可以停止包括jQuery？ 更新有时候知道要search什么是你所需要的。 贝吉说，“寻找polyfills”。 这里有一个参考指南（来自Modernizr工作人员）的一些资源，用于在旧版浏览器上编写现代代码： HTML5跨浏览器Polyfills

JavaScript图表API：Flot jQuery插件或谷歌可视化？

我正在寻找一个图表库在网站上显示。 我将密集使用这个库（主要是面积，线条和条形图），所以我更愿意在开始实施之前确保我的select。 我最初考虑的网站图表库的列表是： Plotkit Emprise JS图表 迷你图 Protochart gRaphael 虚张声势 YUI图表 ： 然而经过对这个论坛和网上调查的一些研究，我把我的候选人名单缩减到这两个图书馆： Flot jQuery插件 Google可视化 您build议我使用哪一个？为什么（如果您曾与其中一个或两个人一起工作，请告诉我您的反馈）？ 他们如何在易用性，性能和function方面相互比较？ 谢谢 编辑：基于闪存图表库不符合我的约束条件