Tag: jQuery

findHTML元素和浏览器(或窗口)边之间的距离

如何使用jQuery查找html元素和浏览器(或窗口)之一(左侧或顶部)之间的像素距离?

如何将Browserify与外部依赖关系一起使用?

我试图慢慢地将Browserify引入到我的网站,但我不想重写所有的js,我不想重复实例的jQuery和其他库与我的Browserify构build捆绑。 如果我build立我的模块列表jquery作为外部依赖,然后如何将它指向我的全局jQuery实例? 另外的目标是消除全球的mylib(下面的例子),所以我不想在我的模块中使用它。 这就是我想要做的(psudo-code)。 这将在我的网站的回购 – 而不是模块的。 该模块将与Bower一起安装: var mylibs.jQuery = $.noConflict(); // global used by lots of existing code module.exports = { jquery: mylibs.jQuery // can be imported by my module as require('jquery') }; 类似的东西就是我想要实现的。 这可能吗?

深入扩展(如jQuery的)为nodeJS

我正在努力与nodeJS中的对象的深层副本。 我自己的延伸是废话。 下划线的延伸是平坦的。 在stackexchange上有相当简单的扩展变体,但没有一个甚至接近jQuery.extend(true,{},obj,obj,obj)..(大多数实际上是可怕的,并且破坏了asnyc代码的好处。 因此,我的问题是:NodeJS有一个很好的深层副本吗? 有人移植jQuery的?

如何在对象数组上使用jQuery.map()来返回数组数组

我想使用jQuery将对象数组转换为使用映射数组的数组。 例如,如果我有这个: var ObjArr = [{ a:1,b:2 },{ a:2,b:3 },{ a:3,b:4 }]; var ArrArr = $.map(ObjArr, function(n,i){ return [ na, nb ]; }); 所以结果是: ArrArr = [[1,2],[2,3],[3,4]]

如何获取jQuery中的浏览器滚动位置?

我有一个滚动的网页文件。 我想获取当前滚动位置的值(以像素为单位)。 当我运行下面的函数时,它返回值零。 我怎样才能做到这一点? <script type="text/javascript" src="js/jquery-1.7.2.js"></script> <script type="text/javascript" src="js/jquery.mousewheel.min.js"></script> <script type="text/javascript"> $(function (){ $('#Eframe').on("mousewheel", function() { alert(document.body.scrollDown) } }) </script>

JQuery的切换事件与checkbox值混乱

我正在使用Jquery的切换事件做一些东西,当用户点击checkbox,如下所示: $('input#myId').toggle( function(){ //do stuff }, function(){ //do other stuff } ); 问题是,当我点击checkbox时,checkbox没有被勾选。 (所有我已经放入切换事件的东西工作正常。) 我已经尝试了以下内容: $('input#myId').attr('checked', 'checked'); 和 $(this).attr('checked', 'checked'); 甚至简单 return true; 但没有任何工作。 谁能告诉我哪里出错了? 编辑 – 感谢所有谁回答。 除了检查属性的部分外,Dreas的回答几乎对我来说很有效。 这工作完美(虽然这有点哈克) $('input#myInput').change(function () { if(!$(this).hasClass("checked")) { //do stuff if the checkbox isn't checked $(this).addClass("checked"); return; } //do stuff if the checkbox isn't checked $(this).removeClass('checked'); }); 再次感谢所有回复的人。

为什么追加一个<script>到一个dynamic创build的<iframe>似乎在父页面上运行脚本?

我试图用JavaScript创build一个<iframe>,然后在<iframe> d文档的上下文中添加一个<script>元素到<iframe>。 不幸的是,似乎我做错了 – 我的JavaScript似乎执行成功,但<script>的上下文是父页面,而不是<iframe> d文档。 当浏览器请求iframe_test.js时 ,我也在Firebug的“Net”选项卡中得到一个301错误,虽然它然后再次请求它(不知道为什么?)成功。 这是我正在使用的代码(现场演示http://onespot.wsj.com/static/iframe_test.html ): iframe_test.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>&lt;iframe&gt; test</title> </head> <body> <div id="bucket"></div> <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#bucket').append('<iframe id="test"></iframe>'); setTimeout(function() { var iframe_body = $('#test').contents().find('body'); iframe_body.append('<scr' + 'ipt type="text/javascript" src="http://onespot.wsj.com/static/iframe_test.js"></scr' + […]

jQuery多个事件处理程序 – 如何取消?

我有两个函数绑定到一个点击事件在两个不同的时间(使用jQuery)。 他们被解雇的顺序是很重要的。 他们正在按正确的顺序射击。 问题是,当第一个函数返回false时,第二个函数仍然在开火! 我怎样才能正确地取消事件? 示例代码: $(document).click(function() { alert('a'); return false; }); $(document).click(function() { alert('b'); }); 单击页面时,仍会看到“b”警报消息。 这是无法接受的!

获取激活的选项卡(div)的ID

我正在使用jQuery 1.9和jQuery UI 1.10 我希望能够在点击标签时获得标签ID。 例如,如果我点击名为“第二”的标签,我想获得“标签-2”的回应。 到目前为止,我已经完成了下面的代码: <script type="text/javascript"> $(function () { $("#tabs").tabs({ beforeActivate: function (event, ui) { alert(/* the id of the tab (div) being activated */); } }); }); </script> <div id="tabs"> <ul> <li><a href="#tabs-1">First</a></li> <li><a href="#tabs-2">Second</a></li> </ul> <div id="tabs-1"> <p>abcde</p> </div> <div id="tabs-2"> <p>fghi</p> </div> </div>

jQuerytestingelement1是element2的后代

有谁知道一个好的方法来testing,如果一个元素,存储在一个变种,是另一个的后裔,也存储在一个变种? 我不需要element1.isChildOf('selector') ,这很容易。 我需要element1.isChildOf(element2) element2.find(element1).size() > 0似乎没有工作。 我不想编写一个插件的使用。每个孩子,如果我可以避免它。