Tag: javascript

如果头404比隐藏它，jQuery检查图像存在

使用php从数据库中获取100张照片url并在页面上显示，但有些照片可能不再存在。 如果照片url失败（404）我想使用jquery来隐藏图像，并且不想显示任何错误图片。 这是我的代码，但它不起作用。 HTML jQuery的 var pic_list = jQuery(“#test img”); pic_list.load(function () { var http = new XMLHttpRequest(); http.open(‘HEAD’, pic_list, false); http.send(); if (http.status == 404) { pic_list.hide(); } else { pic_list.show(); } });

单击元素外部时的jQuery触发事件

$(document).click(function(evt) { var target = evt.currentTarget; var inside = $(“.menuWraper”); if (target != inside) { alert(“bleep”); } }); 我试图找出如何制作它，以便如果用户点击某个div（menuWraper）之外，它会触发一个事件..我意识到我可以让每次点击触发一个事件，然后检查点击的currentTarget是否是与从$（“。menuWraper”）中选择的对象相同。 但是，这不起作用，currentTarget是HTML对象（？）而$（“。menuWraper”）是Object对象？ 我很迷茫。

为什么不使用jquery keypress事件检测退格？

为什么不使用jquery keypress事件检测退格？ $(“#field”).keypress(function(event){alert(event.which);});

jQuery：如何在尚未添加到DOM的元素上调用jQuery插件函数？

我有一个jQuery插件，我正在使用： $(document).ready(function(){ $(‘.elements’).fancyPlugin(); }); 这很有效，直到我开始添加新元素： $.get(‘ajax.html’, function(data){ $(‘#container’).html(data); }); 我可以像这样再次调用插件函数： $.get(‘ajax.html’, function(data){ $(‘#container’).html(data).find(‘.elements’).fancyPlugin(); }); …除了AJAX发生在另一个jQuery插件中，该插件不应该知道fancyPlugin() 。 如何将此插件应用于所有当前和未来的元素？

用变量创建json对象

我试图从我在表单中获得的变量创建一个json对象。 var firstName = $(‘#firstName’).val(); var lastName = $(‘#lastName’).val(); var phone = $(‘#phoneNumber’).val(); var address = $(‘#address’).val(); 到目前为止，我有下面的代码，但它不会validation或工作。 我是新来的，请帮忙！ 将var更改为： var jsonObject = { firstName: firstName, lastName: lastName, phoneNumber:phoneNumber, address:address } 在JSONlint我收到此错误： 第1行的解析错误：varjsonObject = { ^期待'{‘，'[‘

在IE8中通过javascript删除嵌入式YouTubevideo时出现黑屏

我使用此代码让用户在我正在构建的网站上嵌入YouTubevideo： function BuildYoutubePlayer(youtubeVideoId, width, height) { youtubePlayer = “”; youtubePlayer += “”; return youtubePlayer; } 这个嵌入将在一个图层作为灯箱弹出窗口，当用户关闭此弹出窗口，video从html中删除，但我在IE8上得到一个黑色全屏，我找不到任何理由，我尝试嵌入youtubevideo和删除它，它工作正常，所以我肯定错过了一些东西。 请指教。

处理用户在ASP.NET MVC网站中点击“Enter”键

我正在使用具有多个提交按钮的ASP.NET MVC网站。 即 我需要允许用户通过按“Enter”键快速提交表单。 HTML标准似乎指定如果用户按下“Enter”键，将假定第一个提交按钮。 但是，我需要将第二个按钮（即“确定”）按钮设为默认按钮，并且由于我甚至不想谈论的原因，更改按钮顺序不是一个选项。 我google了一下，我发现这篇文章关于在ASP.NET中使用Page.Form.DefaultButton，但这不适用于ASP.NET MVC。 我也尝试了以下javascript解决方案，虽然它在Chrome中有效但在IE6中不起作用 $(‘body’).keypress(function(e) { if (e.which === 13) { $(“input[value=’OK’]”).trigger(‘click’); } }); 我可以想到一些非常极端的解决方案，例如通过表单中的每个控件将上述函数附加到它们上面。 但是，我不认为这是一个非常简洁的解决方案，所以我想知道有没有人有更好的解决方案？

Typeahead.js – 在多个属性值中搜索

请参阅下面的示例。 JSFiddle： http ： //jsfiddle.net/R7UvH/2/ 如何让typeahead.js （0.10.1）在多个属性值中搜索匹配项？ 理想情况下，在整个data （ data.title ， data.desc和所有data.category[i].name ） datumTokenizer: function(data) { // **search in other property values; eg data.title & data.desc etc..** return Bloodhound.tokenizers.whitespace(data.title); }, 整个例子： var data = [{ title: “some title here”, desc: “some option here”, category: [{ name: “category 1”, }, { name: “categoy 2”, }] }, […]

Javascript – 循环中的AJAX请求

我正在使用jQuery发送AJAX请求，从服务器检索数据。 然后将该数据附加到元素。 这应该发生5次，但总是随机发生3次，4次或5次。 基本上，有时循环将跳过AJAX请求，但大多数时候它会捕获它。 我如何确保每次完成请求五次？ 以及跳过AJAX请求的随机行为背后的原因是什么？（旁注。我检查了请求错误，但它从未提醒过请求失败） 这是我的JS： while (counter < 6) { $.ajax({ url:'http://whisperingforest.org/js/getQuote.php', async: false, dataType: 'jsonp', success:function(data){ $('.quoteList').append('’ + data +”); totalQuotes++; } }); counter++; } Ps会在按下按钮时发生。

Chrome扩展程序中的jQuery.ajax调用失败

我正在将我的一个Firefox扩展移植到Chrome，我遇到了一个AJAX查询的小问题。 以下代码在FF扩展中正常工作，但在Chrome中状态为“0”时失败。 function IsImage(url) { var isImage = false; var reImageContentType = /image\/(jpeg|pjpeg|gif|png|bmp)/i; var reLooksLikeImage = /\.(jpg|jpeg|gif|png|bmp)/i; if(!reLooksLikeImage.test(url)) { return false; } var xhr = $.ajax({ async: false, type: “HEAD”, url: url, timeout: 1000, complete : function(xhr, status) { switch(status) { case “success”: isImage = reImageContentType.test(xhr.getResponseHeader(“Content-Type”)); break; } }, }); return isImage; } 扩展的这个特定部分检查剪贴板上的内容（我已经解决了另一个Chrome问题），如果它是图像URL，它会发送一个HEAD请求并检查“Content-Type”响应头以确保它是一个图像。 如果是这样，它将返回true，将剪贴板文本粘贴到IMG标记中。 […]