Tag: jQuery

jquery检查元素是否在视口中可见: 用于检查div类“media”是否在浏览器可视视口内的function，而不pipe窗口滚动位置如何。 <HTML> <HEAD> <TITLE>My first HTML document</TITLE> </HEAD> <BODY> <div class="main"> <div class="media"></div> </div> </BODY> </HTML> 试图使用这个插件https://github.com/customd/jquery-visible与这个function，但我不知道如何使其工作。 $('#element').visible( true );

是否有可能在jQuery中使用多个variables而不是select器: 我知道这样做更快： var $header = $("#header"); $header.css({color:"#ff0000"}); $header.find("a").addClass("foo"); 代替： $("#header").css({color:"#ff0000"}); $("#header a").addClass("foo"); 因为jQuery不需要再次在DOM中查找元素，因为我们直接引用了它们。假设我有这个： var $header_elements = $("#header li"); var $footer_elements = $("#footer li"); 我个别使用一些jQuery操作。但是，我需要在两者上都做点什么。使用select器，我会这样做： $("#header li, #footer li").css({color:"#ff0000"}); 但是，DOM需要再次被parsing才能find匹配的元素。有没有办法使用我以前宣布的variables，而不是一个新的select器？像下面的东西（这是不工作，我知道，这是给我一个想法）： $($header_elements + $footer_elements).css({color:"#ff0000"}); 我认为select器返回某种数组或对象。我正在寻找的是一种方法来合并这些。任何人都知道这是可能的，如何做到这一点？谢谢你的帮助！

使用jQuery创build嵌套HTML元素的最佳方法: 如果我需要创build几个嵌套的DOM元素，我知道一个办法，就是把它们写成长string，然后使用合适的jQuery函数将它们放在文档中。就像是： elem.html( '<div class="wrapper"> <div class="inner"> <span>Some text<span> </div> <div class="inner"> <span>Other text<span> </div> </div>'); 这样显然不是最干净的。刺痛并不需要太长的时间，而且编辑也成为一个问题。我更喜欢这个符号： $('<div></div>', { class : 'inner' }) .appendTo( elem ); 问题是我不知道如何像上面那样快速创build嵌套元素时有效地实现它。所以如果有第二个符号的第一个例子的话，我会很高兴的了解它。基本上，问题是，什么是dynamic创build嵌套HTML元素的最佳方式，而不必处理凌乱的长string？注意：我知道模板引擎。然而，这是一个关于即时创build几个HTML元素的问题。就像为插件或类似情况构buildDOM依赖关系一样。

多个事件处理程序绑定到一个元素时的优先级: 当多个事件处理程序绑定到一个元素时，如何确定首先触发哪一个？ <script> $(function(){ $(".li").find('input').click(function(){alert('li>input');}); $(".li").click(function(){alert('li');}); $('input').click(function(){alert('input');}); }); </script> </head> <body> <ul> <li class="li"><input type="checkbox" /><span>Hello</span></li> <li class="li"><input type="checkbox" /><span>Hello</span></li> <li class="li"><input type="checkbox" /><span>Hello</span></li> </ul> </body>

jQuery的：获得父母，父母的ID？: <ul id ="myList"> <li><a href="www.example.com">link</a></li> </ul> 我怎样才能得到使用jQuery的ul（myList）的ID？我的j脚本事件是在点击链接时触发的。我努力了： $(this).parent().attr('id'); 但它得到了李的身份证，我需要去一个更高的，我也不能附加点击李。

如何使用jQuery定位相对于鼠标指针的div？: 假设我在页面中有一个链接，并且当我将鼠标放在链接上时，div将根据鼠标x，y显示在那里。我怎样才能完成这个使用jQuery？

如何使用jquery加载CSS: 我已经加载了一个CSS文件在服务器上，所以我有一个URL与我。我如何使用JQuery将其加载到我的Perl代码中？所以目前我硬编码在我的梅森页面的CSS是从页面中缺less这样的东西 JQ.onReady('show', function(){ JQ.addStyles({styles: ["\n\n.ap_classic { border-top:1px solid #ccc;border-left:1px solid #ccc;border-bottom:1px solid #2F2F1D; border-right:1px solid #2F2F1D;background-color:#EFEDD4;padding:3px; } .ap_classic .ap_titlebar { color:#86875D;font-size:12px;padding:0 0 3px 0;line-height:1em; } .ap_classic .ap_close { float:right; } .ap_classic .ap_content { clear:both;background-color:white;border:1px solid #ACA976;padding:8px;font-size:11px; } "]}); }); 我想避免硬编码这个CSS？

使用jQuery和Twitter Bootstrap查找活动选项卡: 我一直在绞尽脑汁想了一会儿，我想知道有没有人知道如何find活动选项卡，使用jQuery和Twitter的Bootstrap。从URL中抽取散列不是我的第一select，我在<a>链接中使用data-toggle属性，因此不需要生成URL散列。任何见解？以下是我的标记示例： <ul class="nav nav-list" id="sampleTabs"> <li><a href="#example" data-toggle="tab">Tab 1</a></li> </ul> <div class="tab-content"> <div class="tab-pane fade active in" id="example"> Example Tab </div> </div> <script> $('#sampleTabs a:first').tab('show'); </script> 我打开任何build议 – 使用PHP会话，JS cookie等编辑：这是真正的问题。我有一个使用PHP的分页系统，所以当一个页面号码或next / prev箭头被点击，它将重新加载页面。这就是为什么我需要在加载下一页之前find活动选项卡，因为我只是将它传递到URL或会话等。

我可以在event.target中使用哪些属性？: 我需要确定事件被触发的元素。使用event.target获取相应的元素。我可以使用哪些属性？ HREF ID 节点名称即使在jQuery页面上，我也找不到很多信息，所以希望有人能够完成上面的列表。编辑：这些可能会有所帮助： selfHTML节点属性和selfHTML HTML属性

jQuery的event.preventDefault（）不工作在Firefox（包括JSFiddle）: 这是一种类似的复制到这里的其他人，但我想我在这种情况下正确使用event.preventDefault() 。下面是一个JSFiddle，你可以看到代码： http : //jsfiddle.net/SeEw2/2/ 基本上，点击提交button。在Chrome中：没有任何反应 – 正确的回应。在Firefox中：页面重新加载，哦，不！那么为什么页面重新加载在Firefox而不是Chrome？我一直在Firebugging，没有错误出现在…