Tag: jQuery

如何使用jQuery从一个元素的px顶部find垂直距离

我如何find从页面顶部的垂直距离到使用javascript / jQuery DOM中的元素存在的位置? 我有类似的东西 <ul> <li>one</li> <li>one</li> <li>one</li> <li>one</li> <li class="test">one</li> …. …. …. <li>one</li> </ul> 例如在这里,我想find从页面顶部到li#test元素的垂直距离。 我试过.scrollTop()但它总是为0!

JQuery检查checkbox是否被选中

我很难解决这个问题。 我有两个checkbox(将来会有更多): checkSurfaceEnvironment-1 checkSurfaceEnvironment-2 基本上,我想写一个if语句并testing是否被选中。 什么是最简单的方法来完成这个? (即,如果checkSurfaceEnvironment-1被选中并且checkSurfaceEnvironment-2不是…做某事) if ( $("#checkSurfaceEnvironment-1").attr('checked', true) && $("#checkSurfaceEnvironment-2").is('**(NOT??)** :checked') )

在jquery中查找具有特定属性值的所有元素

我需要find所有具有特殊属性值的元素。 这是我需要find的div(我有许多这样的..) <div imageId='imageN'>… 我只需要通过具有imageId='imageN'的div进行循环,

Twitter Bootstrapbutton单击以切换展开/折叠button上方的文本部分

我最近来了引导,我正在扩大英雄的例子。 我想将以下行为添加到我的页面: 当点击一个button(即带有select器“.row .btn”的元素)时,我希望能够在展开/折叠button上方的文本部分之间进行切换。 这是HTML的样子: <html> <head> <title>Test Page</title> <!– Le styles –> <link href="../assets/css/bootstrap.css" rel="stylesheet"> <style type="text/css"> body { padding-top: 60px; padding-bottom: 40px; } </style> <link href="../assets/css/bootstrap-responsive.css" rel="stylesheet"> </head> <body> <div class="navbar navbar-fixed-top"> </div> <div class="container"> <div class="hero-unit"> <h1>Hello, world!</h1> <p>Blah, blah.</p> <p><a class="btn btn-primary btn-large">Learn more &raquo;</a></p> </div> <!– Example row of columns […]

jQuery ajax()使用成功,错误和完成与.done(),.fail()和always()

问题 : 我们应该如下改变我们的编码吗? .done()和success: ,. .fail()和error:和.always()和complete:之间有区别吗? 序言 : 我正在做一个jQuery.ajax调用,这也是我过去成功完成的。 像这样的东西: $.ajax( { url: someUrl, type: 'POST', data: someData, datatype: 'json', success: function (data) { someSuccessFunction(data); }, error: function (jqXHR, textStatus, errorThrown) { someErrorFunction(); } }); 在快速浏览某些文档时,我遇到了一个参考文献,指出成功,错误和完整的callback在jQuery 1.8中已被弃用。 要准备好代码以便最终删除它们,请改用jqXHR.done(),jqXHR.fail()和jqXHR.always()。 因此,我们应该开始编码这样的代码: $.ajax( "example.php" ) .done(function (data) { someSuccessFunction(data); }) .fail(function (jqXHR, textStatus, errorThrown) { someErrorFunction(); }) .always(function() […]

jQuery .animate()强制样式“overflow:hidden”

jQuery的.animate()强制风格overflow: hidden当触发时overflow: hidden ,与我的animation元素搞乱,因为我有另一个元素悬挂在外面的负面位置。 无论如何要避免这一点?

如何删除/取消设置一个javascript对象的属性?

可能重复: 如何取消设置一个Javascriptvariables? 如何从一个JavaScript对象中删除一个属性 我正在寻找一种方法来删除/取消设置一个JS对象的属性,所以如果我循环通过对象for (var i in myObject) ,他们不会再来。 如何才能做到这一点?

用布尔值来隐藏/显示元素

我倾向于在我的代码中有很多这些 if(shouldElementBeVisible) $element.show() else $element.hide() 有没有更优雅的方式与JavaScript,jQuery或下划线打包? 理想情况下,我想要的东西看起来像这样 $element.showOrHideDependingOn(shouldElementBeVisible)

我如何将parameter passing给JavaScript中的匿名函数?

我想弄清楚如何将parameter passing给JavaScript中的匿名函数。 看看这个示例代码,我想你会明白我的意思: <input type="button" value="Click me" id="myButton" /> <script type="text/javascript"> var myButton = document.getElementById("myButton"); var myMessage = "it's working"; myButton.onclick = function(myMessage) { alert(myMessage); }; </script> 当点击button的消息: it's working应该出现。 但是,匿名函数中的myMessagevariables为空。 jQuery使用了很多匿名函数,传递这个参数的最好方法是什么?

仅在_some字段上通过Enter键禁用表单提交

我想保留传统的'表单提交时,我按下回车'行为,因为用户熟悉。 但是通过reflection,当他们完成一个文本input框的时候,他们经常会进入input框 – 但是在他们完成了整个表单之前。 只有当焦点位于特定类别的input上时,才想要劫持Enter键。 看相关问题这看起来像我在找什么: if (document.addEventListener) { document.getElementById('strip').addEventListener('keypress',HandleKeyPress,false); } else { document.getElementById('strip').onkeypress = HandleKeyPress; } 但if (document.addEventListener) {部分是我不熟悉的。