Tag: jQuery

如何使用Moment.js排除两个date之间的周末: 我想排除我的JavaScript代码中的周末。我使用了moment.js，很难为'天'select正确的variables。到目前为止，我认为我需要通过改变星期几variables来排除第6天（星期六）和第0天（星期日），以便从第1天到第5天计数。但不知道如何改变。我的jsfiddle显示在这里： FIDDLE HTML ： <div id="myContent"> <input type="radio" value="types" class="syncTypes" name="syncTypes"> <td><label for="xshipping.xshipping1">Free Shipping: (<span id="fsv1" value="5">5</span> to <span id="fsv2" value="10">10</span> working days)</label> </td><br> <div id="contacts" style="display:none;border:1px #666 solid;padding:3px;top:15px;position:relative;margin-bottom:25px;"> Contacts </div> <input type="radio" value="groups" class="syncTypes" name="syncTypes"> <td><label for="xshipping.xshipping2">Express Shipping: (<span id="esv1" value="3">3</span> to <span id="esv2" value="4">4</span> working days)</label> </td> <div id="groups" […]

将CSRFToken添加到Ajax请求: 我需要通过CSRFToken与基于Ajax的发布请求，但不知道如何以最好的方式完成。使用在请求中内部检查CSRFToken的平台（仅限POST请求）最初我想把它添加到头像 $(function() { $.ajaxSetup({ headers : { 'CSRFToken' : getCSRFTokenValue() } }); }); 这将使其可用于每个Ajax请求，但它不适用于我的情况，因为在请求CSRFToken仍然为空。有什么办法可以为所有处理POSTtypes的Ajax调用设置CSRFToken 编辑如果我在我的Ajax调用中做这样的事情 data: {"newsletter-subscription-email" : "XXX" , 'CSRFToken': getCSRFTokenValue()}, 一切工作正常。我的问题是，我想通过CSRFToken值作为请求参数，而不是作为请求标题

准备执行jquery文件的顺序: 假设，我有一个如下所示的js文件： $(document).ready(function() { // first task} ); $(document).ready(function() { // second task } ); $(document).ready(function() { // third task } ); 加载文件后，任务按顺序执行。我无法理解为什么？我猜测，当“就绪”事件发生时会触发callback方法。执行订单如何保留？连续的回电是否在某个地方排队？注：我知道这是一个非常天真的编码方式。我写了这个代码片段只是为了说明问题，不要在我的项目中编写这样的代码。

$（document）.ready的不同forms: 我看过人写作 $(document).ready(function(){ }); 和一些写作 $(function() { }); 有什么区别和什么时候使用什么？

如何读取jQuery中的xml文件内容并显示在html元素中？: 我是Jquery的新手。我试图从“sampleXML.xml”文件中读取数据，并在Html“li”元素中显示这些数据。到目前为止我所做的是，我已经创build了如下的html文件：文件名 – “Cloudtags.html”： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> </script> <script src=Cloudtags.js></script> <title>Css Globe: tag clouds</title> <link rel="stylesheet" type="text/css" href="Cloudtags.css"> <script type="text/javascript" src="js/jquery.js"></script> </head> <body> <div id="container"> <script type="text/javascript" src="http://cssglobe.com/ads/blogsponsor.js"></script> <div id="side"> <div class="tags"> <ul class="cld"> <li class="tag1" id="java"><a href="https://www.google.com">google</a></li> <li class="tag2"><a […]

通过Javascript / jQuery的Ajax HEAD请求: 我似乎在制作HEAD请求时遇到了一些问题，并保留了数组中数据的完整性。鉴于此片段： var imageTemp = Array(); $('*') .each(function(index){ if($(this).css('background-image') != 'none'){ imageTemp.push($(this).css('background-image').slice(5, -2)); } }); 我捕捉给定页面上的所有背景图像的URL。现在，试图通过对Content-Length HEAD请求获取每个图像的大小，我使用这个片段： var imageData = Array(); for(var i = 0; i < imageTemp.length; i++){ ajaxSizeRequest = $.ajax({ type: "HEAD", async: true, url: imageTemp[i], success: function(message){ imageData.push([imageTemp[i], ajaxSizeRequest.getResponseHeader('Content-Length')]); } }); } 但是，当我通过console.log dump imageData时，每个元素（应该是一个包含URL和内容长度的数组）结束为[undefined, XXXX] ，其中XXXX总是最后请求的Content-Length的大小我很困惑，虽然这似乎是一个时间/范围问题。我在这里遇到种族情况吗？

在jQuery中search和突出显示: 我想使用jQuery / Java Script来search和突出显示文本。示例HTML 1： <div id="div1"><b>Good</b> <b>Morning</b> </div> <div id="div2">Good Evening</div> <div id="div3">Good Morning</div>Searched String = "Good Morning" 当我searchstring“早上好”时，div1和div3中的内容应该突出显示。即。输出的html应该是 <div id="div1"><span class="highlight"><b>Good</b> <b>Morning</b> </span></div> <div id="div2">Good Evening</div> <div id="div3"><span class="highlight">Good Morning</span></div> 我已经使用插件https://raw.github.com/bartaz/sandbox.js/master/jquery.highlight.js将search到的内容包含在span中。但只有div3被突出显示。请帮忙。

使用jQuery的多行string插入: $("#addSelect").click(function() { $("#optionsForm").after("Hello world."); } ); 这工作。 $("#addSelect").click(function() { $("#optionsForm").after("<tr> <td><input type="text" class="optionField" value="Options" /></td> <td> <ul class="option"> <li><select><option>Value..</option></select></li> </ul> </td> </tr>"); } ); 像这样的东西不。在Chrome中，我收到错误“ Unexpected token ILLEGAL ”。谷歌search后，我发现我的小脑不知道多lessJavaScript和多行。所以我在每一行的末尾添加了'\'。然而，我现在得到错误“ 意外的标识符 ”。我想这不像我做的那样困难:)

在CSS加载后触发的jQuery事件？: 我在我的页面上有几个链接（在一个<div id="theme-selector"> ），它允许你改变CSS样式表： $('#theme-selector a').click(function(){ var path = $(this).attr('href'); $('head link').remove(); $('head').append('<link type="text/css" href="'+path+'" rel="stylesheet" />'); return false; }); 现在，在改变页面的样式之后，我想使用下面的代码（在$('head').append call）之后得到新的背景颜色： var bgcolor = $('body').css('background-color'); alert(bgcolor); 问题是，我认为，浏览器下载新的样式表需要一些时间，而且我有时会在我的警报消息中获得旧的背景颜色。是否有一些事件，我可以绑定，只会在页面上加载所有样式表后提醒我？目前，我所能想到的是使用setTimeout(function(){}, 5000); 这不是很好，因为如果加载页面上的所有CSS需要更长/更短的时间。让我知道如果我需要澄清任何事情，我可以提供更多的代码。

JQuery的Ajax – 如何检测networking连接错误时，进行Ajax调用: 我有一些JavaScript JQuery代码，每5分钟做一个Ajax调用服务器，这是为了保持服务器会话活着，并保持用户login。我在JQuery中使用$.ajax()方法。这个函数似乎有一个“错误”属性，我试图在用户的互联网连接断开的情况下使用KeepAlive脚本继续运行。我使用下面的代码： var keepAliveTimeout = 1000 * 10; function keepSessionAlive() { $.ajax( { type: 'GET', url: 'http://www.mywebapp.com/keepAlive', success: function(data) { alert('Success'); setTimeout(function() { keepSessionAlive(); }, keepAliveTimeout); }, error: function(XMLHttpRequest, textStatus, errorThrown) { alert('Failure'); setTimeout(function() { keepSessionAlive(); }, keepAliveTimeout); } }); } 当我运行它时，我会在屏幕上每隔10秒在警报框中popup“成功”，这很好。但是，只要我拔掉网线，我什么也没有，我期待着错误的function被调用，看到一个“失败”提示框，但没有任何反应。我是否正确地认为“错误”function只适用于从服务器返回的非'200'状态代码？在进行Ajax调用时，有没有办法检测networking连接问题？