Tag: jQuery的

jQuery事件处理程序不处理附加元素

我正在发送ajax请求,我已将结果附加到div上。 在此追加之后,如果我想点击附加的链接(exec jquery点击function),为什么点击functiondoesen’t工作? (抱歉英文不好:P) 编辑: jQuery(‘.more’).live(“click”,function() { var ID = jQuery(this).attr(“id”); if(ID) { jQuery(“#more”+ID).html(”); jQuery.ajax({ type: “POST”, url: “loadmore.php”, data: “lastid=”+ ID, cache: false, success: function(html){ $(“#contentWall”).append(html); jQuery(“#more”+ID).remove(); // removing old more button } }); } else { jQuery(“.morebox”).html(‘The End’);// no results } return false; });

如何从jQuery中的外部URL获取数据?

var resturl = “http://example.com”; cj.getJSON( resturl + “&callback=?”, function(data) { console.log( data ); } ); 我的回调函数永远不会被调用。 有任何想法吗?

如何从数据属性中获取数据密钥名称?

我想从我的html元素中获取关键名称? 示例代码: 220 使用jquery数据方法我能够键值,但我想提取键名? var keyValue=$(“td”).data(“code”); //123 var keyName=?????

如何使用JQuery实现FLXHR以进行跨域交互

我正在使用JQuery,FLXHR从Cross Browser获取数据。 下面是示例jquery代码: // set up the domain that we’re going to call and tell flXHR not to try to parse the response as XML.. $.flXHRproxy.registerOptions(“http://staging/”, {xmlResponseText:false}); // set flXHR as the default XHR object used in jQuery AJAX requests $.ajaxSetup({transport:’flXHRproxy’}); $.ajax({ type:”POST”, url: “http://staging/Login.aspx”, // Send the login info to this page data: str, […]

使用jQuery单击缩略图替换主图像

我正在为产品页面创建一个小型产品库。 它目前有4个缩略图和一个主图像。 当您单击其中一个缩略图图像时,我希望主图像被单击的缩略图图像替换。 我这里有一个codepen .. http://codepen.io/anon/pen/oIzqj 我觉得我很亲密,但显然不是那里。 这是我的jQuery代码…… $(‘.thumbnails .zoom’).click(function(e){ e.preventDefault(); var photo_fullsize = $(this).find(‘img’).attr(‘src’); $(‘.woocommerce-main-image img’).attr(‘src’,’ + photo_fullsize + ‘); }); 很想看看我错过了什么/做错了什么。 谢谢

防止双重表单提交

我正在尝试调整一堆现有的网络应用程序,以防止用户意外地弹出提交按钮并提交表单两次。 我认为jquery是最好的方法,尽管我的页面使用非常少的jquery。 我在这里发现了许多类似的问题,答案非常有用,但仍然没有提供完整而简单的解决方案。 我遇到的第一个解决方案是: $(document).ready(function(){ $(‘form’).submit(function(){ $(“input[type=submit]”).prop(“disabled”, true); }); }); 它工作得很好,在提交表单后使提交按钮变灰。 问题是提交按钮本身的值不会随表单一起提交,我猜是因为它被禁用了。 通常这不是问题,但对于某些应用程序来说,这是因为它们依赖于提交按钮的值来正确操作。 我希望更通用的东西可以用于那些页面,而无需重新设计它们。 然后我尝试了另一个例子: $(document).ready(function(){ $(‘form’).submit(function(){ $(this).submit(function() { return false; }); return true; }); }); 这适用于在仍然传输提交按钮的值的同时禁用多个提交,但它不会使提交按钮变灰,因此没有视觉指示提交已发生。 如果我找不到更好的解决方案,我可能会继续使用,但我希望两者都传输按钮的值,并使按钮变灰。 我终于尝试了这个: $(document).ready(function(){ $(‘form’).submit(function(){ this.submit(); $(“input[type=submit]”).prop(“disabled”, true); return false; }); }); 但是,它似乎就像第一个示例一样,提交按钮值不随表单一起传输,尽管this.submit()显然应该在禁用之前发生。 我也尝试过隐藏按钮,但这会导致页面重新排列,而不良用户会在鼠标弹跳时意外碰到完全不同的东西,而不是两次点击提交。 我可以用相同大小的东西替换按钮,或者尝试将提交值复制到带有名称的隐藏输入元素中,但这会变得怪诞。 有没有一种简单的方法来满足这种简单的需求?

‘jQuery.getJSON’无法在Internet Explorer 8中运行

我正在使用jQuery.getJSON来获取Facebook好友列表,但我没有得到它。 它在Firefox和Chrome中运行良好,但在Internet Explorer 8中无效。 jQuery.getJSON(“https://graph.facebook.com/me/friends?access_token=”+aToken, function(data) { alert(data); } ); 在做了一些研究后,我也尝试了这段代码: jQuery.ajax({ url:”https://graph.facebook.com/me/friends?access_token=”+aToken, type: ‘json’, success: function(json) { alert(json); } });

从$ .get()对象的获取“class”attr

我需要从$ .get()检索的页面对象的body元素中获取class属性。 在我的下面的例子中,fullContent被设置为对象,但我无法选择body元素…我宁愿不采用文本操作来获取这个 $.get(url, refreshFullContent); var refreshFullContent = function(response, status, xhr) { fullContent = response; var bodyclass = $(fullContent).find(“body”).attr(“class”); $(“body”).attr(“class”, bodyclass); } 有没有办法在对象上使用选择器(就像我在这个例子中尝试做的那样)? 如果没有,从文本中获取此信息的最佳方法是什么? xhr.responseText包含整个响应的字符串。

JQuery – 在鼠标hover时淡出颜色

当鼠标hover在div元素上时,我有以下JQuery代码将div的背景颜色淡化为不同的颜色。 它工作得很好,但它需要jqueryui.js才能工作。 我的页面已经将jquery.js用于其他目的,所以我必须加载两个框架。 这可以只用jquery而不是jqueryui来完成吗? $(document).ready(function(){ $(‘#page_effect’).fadeIn(1000); }); $(document).ready(function(){ $(“#frmLogin”).hover( function() { $(this).stop().animate({ backgroundColor: “#fff”}, 800); }, function() { $(this).stop().animate({ backgroundColor: “#e6e6e6” }, 800); }); }); 谢谢!

JQuery将如何影响Web开发?

如今,JQuery是一个热门话题。 今天,在Stack Overflow上,目前有8,470个问题与JQuery标签一起使其成为第10个最受欢迎的主题 – 就在那里使用SQL。 在选择要学习和掌握的新技能时,我想大多数开发人员都希望持续有用的东西。 没有开发人员想要学习一些今天大肆炒作并且明天充满失望的事情。 我对Stack Overflow社区的问题是,JQuery将如何影响未来几年的Web开发? Web开发人员还在使用JQuery吗? 大多数Web开发人员会了解JQuery是什么吗? JQuery是否是所有Web开发人员必备的技能? 我知道在你的回答中会有一些主观的诱惑,但我真的在寻找证据来certificateJQuery不仅仅是炒作。 作为一个例子, 微软在Visual Studio 2008中添加了对JQuery的支持这一事实说明了很多。 其他相关信息可能包括使用JQuery的大公司数量,JQuery的职位发布数量,使用JQuery缩短开发时间的文章,自引入以来JQuery的稳定性等等。