Tag: jQuery

jQuery .get错误响应函数？

感谢StackOverflow，我设法得到了以下代码完美工作，但我有一个后续问题。 $.get('http://example.com/page/2/', function(data){ $(data).find('#reviews .card').appendTo('#reviews'); }); 上面的代码使我的网站能够在WordPress中使用加载更多button来获取第二页文章。 但是，当网站用完页面/结果时，我遇到了一个小问题。 加载更多button保持原位。 即使没有剩余页面，它也会继续尝试获取数据。 我怎样才能调整这个命令，以便我可以显示一个可视化的响应如果.get请求失败或是一个（404）找不到页面的实例？ 如果有人能帮助我一个简单的例子，即使是一个alert("woops!"); 那将是真棒！ 谢谢！

使用jQuery Select2清除下拉菜单

我试图以编程方式清除使用梦幻般的Select2库下拉。 下拉菜单使用Select2 query选项dynamic填充远程ajax调用。 HTML： <input id="remote" type="hidden" data-placeholder="Choose Something" /> 使用Javascript： var $remote = $('#remote'); $remote.select2({ allowClear: true, minimumInputLength: 2, query: function(options){ $.ajax({ dataType: 'json', url: myURL + options.term, error: function(jqXHR, textStatus, errorThrown){ smoke.alert(textStatus + ": server returned error on parsing arguments starting with " + options.term); }, success: function(data, textStatus, jqXHR){ var results = […]

HTML5audio播放器 – jQuery的切换点击播放/暂停？

我不知道我做错了什么？ $('.player_audio').click(function() { if ($('.player_audio').paused == false) { $('.player_audio').pause(); alert('music paused'); } else { $('.player_audio').play(); alert('music playing'); } }); 如果我点击“player_audio”标签，我似乎无法启动音轨。 <div class='thumb audio'><audio class='player_audio' src='$path/$value'></audio></div> 任何想法我做错了什么，或者我必须做什么来得到它的工作？

如何使用正则expression式去除string中的字母和破折号和美元符号？

我试图find所有的字母和破折号和美元符号，并从文本框中删除它们。 function numbersOnly() { if ($('.sumit').val().indexOf([A-Za-z-$])) { $('.sumit').val().replace([A-Za-z-$], ""); } } 这就是我所拥有的，我很确定这是错误的。 我用正则expression式不太好，但是我正在努力学习它们。 有没有人想帮助我，让我开始完成这个function？ 所以..你有input。 <div class="numInputRight"><input type="text" class="sumit" name="sumAmount1"></div> <div class="numInputRight"><input type="text" class="sumit" name="sumAmount2"></div> <div class="numInputRight"><input type="text" class="sumit" name="sumAmount3"></div> 那么你有这个function： numbersOnly = function() { $('.sumit').val().replace(/[A-Za-z$-]/g, ""); alert($('.sumit').val()); return false; } 我警觉确定replace是否工作。 不是。

在jQuery中检测Internet Explorer 6或更低版本

我是新来jquery，想知道：是一个简单的方法来检测是否浏览器是Internet Explorer 6或以下？

jQuery遍历首选的select器？

使用$("#vacations").find("li").last()比$("#vacations li:last")更好吗？ 背景和我的想法： 我正在玩一个很好的交互式尝试jQuery教程 ，其中一个任务说： 当你浏览你的代码时，你注意到别人正在用：$（“＃vacations li：last”）来select最后一个假期。 你看看这个，你会想：“遍历会让这个更快！” 你应该对这些想法采取行动，重构这段代码，以便使用遍历来查找#vacations中的最后一个li。 我为什么这么想？ 对我来说，select器的使用看起来比遍历更高一些。 在我心中，当我指定一个select器是由jQuery如何更好地得到我需要的单一结果（无需返回中期结果）。 什么是使用复合select器额外的开销？ 是否因为select器逻辑的当前实现只是parsingstring并使用遍历API？ parsing一个缓慢的string？ 未来的实现是否有可能使用这样一个事实，即它不需要返回中间结果，而且比遍历快呢？

处理contentEditable DIV上的换行符

SAFARI / CHROME上的可用换行符有问题。 当我在contentEditable <div>上按下“return”，而不是像Firefox那样创build一个<br> ，他们创build一个新的<div> ： <div>Something</div> <div>Something</div> 看起来像（在contentEditable DIV上）： Something Something 但是在消毒（去除<div> ）后，我得到这个： SomethingSomething 在Firefox中，可以contenteditable是： Something <br> Something 那消毒后看起来是一样的： Something Something 有什么解决scheme可以跨浏览器“规范化”吗？ 我发现这个代码是通过在contenteditable上按下Enter来创build一个<br>而不是<div> </ div> $(function(){ $("#editable") // make sure br is always the lastChild of contenteditable .live("keyup mouseup", function(){ if (!this.lastChild || this.lastChild.nodeName.toLowerCase() != "br") { this.appendChild(document.createChild("br")); } }) // use br […]

如何在表格行（tr）上覆盖div（或任何元素）？

我想叠加一个div（或任何可以工作的元素）在一个只有一列的表格行（tr标签）上。 我已经尝试了一些方法，似乎没有工作。 我已经在下面发布了我的当前代码。 我确实得到一个覆盖，但不是直接在行上。 我试着将覆盖顶部设置为$ divBottom.css（'top'），但总是“自动”。 那么，我在正确的轨道上，还是有更好的方法呢？ 你可以看到，使用jQuery是很好的。 如果我在正确的轨道上，如何正确放置div？ 是偏移量在包含元素，表中的偏移量，我需要做一些math？ 任何其他陷阱我会遇到这个？ $(document).ready(function() { $('#lnkDoIt').click(function() { var $divBottom = $('#rowBottom'); var $divOverlay = $('#divOverlay'); var bottomTop = $divBottom.attr('offsetTop'); var bottomLeft = $divBottom.attr('offsetLeft'); var bottomWidth = $divBottom.css('width'); var bottomHeight = $divBottom.css('height'); $divOverlay.css('top', bottomTop); $divOverlay.css('left', bottomLeft); $divOverlay.css('width', bottomWidth); $divOverlay.css('height', bottomHeight); $('#info').text('Top: ' + bottomTop + ' Left: ' […]

触发标准的HTML5validation（表单），而不使用提交button？

任何人谁知道我可以在不使用提交button的情况下触发标准的HTML5validation？ （JavaScript或jQuery）。 我不想发送POST/GET请求，只做validation。

jQuery使用绑定与点击

我遇到了几个方法来处理jQuery中的点击事件： 绑定： $('#mydiv').bind('click', function() { … }); 点击： $('#mydiv').click(function() { … } 上： $('mydiv').on('click', function() { … } 两个问题： 他们还有其他的方式吗？ 我应该使用哪一个，为什么？ 更新： 正如艾韦龙所build议的，我应该更好地阅读文档，并发现我应该使用： on（）或click（）， 这实际上是一回事。 但是，没有人解释为什么绑定不再被推荐？ 我可能会得到更多的缺点，因为在某些地方显而易见，但是在文档中我找不到这个原因。 UPDATE2： 'on'具有能够将事件处理程序添加到dynamic创build的元素的有用效果。 例如 $('body').on('click',".myclass",function() { alert("Clicked On MyClass element"); }); 这段代码将一个单击处理程序添加到具有“myClass”类的元素。 但是，如果更多的myClass元素随后被dynamic添加，它们也会自动获得点击处理程序，而不必显式调用“on”。 根据我所理解的人们所说的，这也是更有效率的（参见下面的Simons回答）。