Tag: jQuery的

在JQuery中,如何将单击的元素传递给onclick事件上调用的方法

我在页面上有几行: Save 在我的Save()方法中,我想操纵被单击以调用Save()方法的div。 我如何通过它(我认为$(this) ),而不诉诸ID? 非常感谢!

使用jQuery延迟显示ajax加载gif

什么是延迟显示ajax-loader gif的最佳方法。 当我点击按钮时,加载器gif显示并隐藏即使所花费的时间是几百毫秒,这也会给浏览器带来一种闪烁。 我想要的是只说显示gif,如果完成ajax请求需要超过1000毫秒。 $(document).ready(function() { $(‘#loader’).hide(); $(‘#btnGetPeople’).click(function() { $(‘#loader’).show(); $.getJSON(“/User/GetName/10”, null, function(data) { showPerson(data); }); }); }); function showPerson(data) { alert(data); $(‘#loader’).hide(); } 我的装载机div包含…. 实现这一目标的最佳技术是什么?

有没有办法在使用Jqueryhover时增大/缩小图像?

有没有办法,使用Jquery增长然后缩小图像(动画使其看起来很光滑)hover而不会过多地影响布局(我假设填充必须缩小然后再增长)。 随着一些麻烦,我终于想出了解决方案,感谢所有帮助过的人。 .growImage {position:relative;width:80%;left:15px;top:15px} .growDiv { left: 100px; top: 100px;width:150px;height:150px;position:relative } $(document).ready(function(){ $(‘.growImage’).mouseover(function(){ //moving the div left a bit is completely optional //but should have the effect of growing the image from the middle. $(this).stop().animate({“width”: “100%”,”left”:”0px”,”top”:”0px”}, 400,’swing’); }).mouseout(function(){ $(this).stop().animate({“width”: “80%”,”left”:”15px”,”top”:”15px”}, 200,’swing’); });; });

更改src时对图像加载的jquery回调

我加载了一个json文件后,我正在更改img src,这一切都正常。 但我想确保图像完全加载。 我可以用它做什么: .one(“load”,function(){ alert(“image has load yay”); }); 但在阅读各种post后,如果图像在缓存中,并非所有浏览器都会激活加载。 我似乎没有在浏览器中遇到导致此问题的此问题。 但我只在Mac上测试FF(6.0.2),Chrome(13.0.7)和Safari(5.0.5)。 现在我确定IE必须有问题并且它只与PC有关。 我正在运行相当新版本的浏览器,因此在这些版本中发生了一些变化,现在已经发生了火灾。 或者我的另一个想法是我正在运行最新版本的jquery(1.6.3)已经更改了.load? 我希望这与运行最新的jquery有关,但如果没有,这是一个较旧的浏览器问题,那么我需要进行修复。 我在这个网站上尝试了几个解决方案,例如: jQuery加载完整回调的图像以及 .load api页面上的一些注释: http : //api.jquery.com/load-event/#comment- 30211903 但我似乎无法让他们工作。 第一个根本不起作用,第二个似乎与.each()有关。 这是我到目前为止的代码似乎工作正常,但不能确定可能是旧的浏览器问题。 $.getJSON(jsonURL, function(json) { $(“a.imgZoom img”).attr(“src”, json[imageID].largeImage).one(“load”,function(){ alert(“the image has loaded”); //do something here }); $(“a.imgZoom”).attr(“href”, json[imageID].largeImage); }) 在此先感谢您的帮助。 乙

扩展jQuery插件

有没有人扩展现有的jQuery插件? 我不确定从哪里开始。 我宁愿不实际复制和修改我希望扩展的插件。 我是通过原型或只是对插件的延伸调用来做到这一点吗? 或者我梦想这样做有意义吗?

jQuery结合.ready和.resize函数

正如标题所说,我在两个函数中都需要运行完全相同的代码。 有没有办法将它们放在一起并作为一个function运行? 谢谢!

JQuery滚动到页面顶部

有没有办法以编程方式使用jQuery滚动到页面顶部? 我目前正在尝试使用以下代码执行此操作,但它无法正常工作。 我目前正在使用Firefox, $(window).scrollTop($(document).height());

jQuery在子div中获取值

我需要抓住一个子div的文本值。 A B C 我试图抓住价值B.我正在尝试这个,但它不起作用, var text_val = $(‘#first’).next(‘#second_child’).val();

使用键盘选择单选按钮时,更改事件未触发

$(“input[name=’my_radio_button’]”).change(function(){ if ($(“input[@name=’my_radio_button’]:checked”).val() == ‘ONE’){ do_this_stuff(); } else { do_other_stuff(); } }); (假设完整的HTML和脚本在所有准备就绪时触发) 单击以选择单选选项时,更改事件似乎触发,但在使用键盘更改选择时则不会触发。 可以做些什么吗? 编辑 – 如果我使用bind或live没有区别 – 这只是一个错误吗? 澄清一下,即使失去焦点,事件也不会触发。 编辑2 – 没有人知道这个的原因? 编辑3 – 正如DonaldIsFreak指出这似乎是一个铬问题

Jquery hide()具有某个类的所有元素,除了一个

A B C 我有一个名为showOne的函数,它应该隐藏所有元素,然后显示id =’1’的函数。 function showOne(id) { // Hide all elements with class = ‘hide’ $(‘#’+id).show(); } 如何在jquery中使用class =’hide’隐藏所有元素?