Tag: 可见

jquery-visible插件：使用`element.visible（true）` – 但仅当“complete”元素可见时仍然返回true。 为什么？

JsFiddle在这里！ 从这篇文章来看， 在最简单的forms中，可以按如下方式检查元素： $(‘#element’).visible() 如果整个元素是可见的，则此方法将返回true（即，如果该元素的任何部分位于视口之外，它将返回false。将true传递给’visible’方法，将告诉插件如果任何一部分返回true元素在用户屏幕上可见。 $(‘#element’).visible( true ) 在下面的脚本中， if块if ( $(‘.firstPage’).visible(true) ) …一旦在滚动时屏幕上的.firstPage div 的一部分变得可见，就会被执行。 但问题是，只要.firstPage元素变得可见，它就不会被执行（这意味着$(‘.firstPage’).visible(true)不返回true）。 为什么？ 我错过了什么？ 码： $(window).bind(‘scroll’, function(){ var lastScrollTop = 0; var originalHeaderPosition = $(“.header-menu-container-nav”).offset().top; var scrollTop = $(this).scrollTop(); var vph = $(window).height(); var currentHeaderPosition = $(document).scrollTop(); var deltaHeaderPosition = currentHeaderPosition – originalHeaderPosition; if (scrollTop > lastScrollTop){ // downscroll code […]

元素在屏幕上可见时运行动画

我有一点进度条脚本。 它运行正常，但在页面加载时运行。 我希望在屏幕上显示条形时运行动画（如果进度条在选项卡中，它也应该工作）。 我怎么能得到这个？ 这是脚本： setTimeout(function(){ $(‘.skill-bar .skill-bar-content’).each(function() { var me = $(this); var perc = me.attr(“data-percentage”); var current_perc = 0; var progress = setInterval(function() { if (current_perc>=perc) { clearInterval(progress); } else { current_perc +=1; me.css(‘width’, (current_perc)+’%’); } me.text((current_perc)+’%’); }, 10); }); },10); jsFiddle： http ： //jsfiddle.net/fUyYL/

jquery count：可见在IE7中不起作用

我已经使用jQuery创建了一个工具，它将显示某些表行，具体取决于是否选中了某些复选框。 我试图让文字显示“例如需要3个海报”。 我正在使用下面的代码。 在IE7中，它被破坏，而不是显示可见的 的数量，它只是显示 的总数。 这段代码有什么问题吗？ $(“.hidden”).hide(); function countChecked() { var n = $(“tr.hidden:visible”).length; $(“#numberrequired”).text(n + (n <= 1 ? " Poster" : " Posters") + (n <= 1 ? "is" : " are") + " required:"); //Error message if no checkboxes are selected if ($('input:checkbox:checked').length < 1) { $("#numberrequired").html("Please select at least one […]

扭转jquery淡入淡出滑动面板

关于jquery淡入淡出幻灯片的post（http://stackoverflow.com/q/10061847/1688202）。 我想知道该方法是否可以保留？ 这样内容面板将是标准可见的，当点击时消失。 它试图改变JQuery代码中的一些变量，但我没有成功地做到这一点。 以下代码由Shef编写（http://stackoverflow.com/users/645186/shef） 由蝙蝠侠解决 .panel.default { display:block; } .panel.default .content{ display:block; } 到CSS，并将类默认添加到您要在加载页面时显示的面板，例如 http://jsfiddle.net/nhEn6/ 1. CSS div.panel { display:none; position: absolute; top: 0; width:70%; right:0%; height: 100%; z-index: 3; margin: 0; overflow:hidden; background-color:black; } .panel div.content { display:none; font-family:arial; color:white; padding:50px; overflow:hidden; } span.close { position:absolute; right:10px; top:15px; cursor:pointer; }​ 2.标记 Home About […]

jQuery检查元素在可滚动div中是否可见

好的，我使用以下代码来检查元素是否在屏幕上可见。 (function($) { /** * Copyright 2012, Digital Fusion * Licensed under the MIT license. * http://teamdf.com/jquery-plugins/license/ * * @author Sam Sehnert * @desc A small plugin that checks whether elements are within * the user visible viewport of a web browser. * only accounts for vertical position, not horizontal. */ $.fn.visible = function(partial) { […]

jquery的性能可见

我在页面上有一堆复选框，我一次只显示这些复选框的子集。 然后，我执行一些循环遍历所有复选框的操作，并查看是否已选中它们： 例如 $(“.delete_items”).click( function() { $(‘.checkboxes’ ).each(function(){ //do stuff } } 然后我在想，因为用户永远不会与隐藏的复选框交互，添加：对复选框可见会加快循环 例如 $(“.delete_items”).click( function() { $(‘.checkboxes :visible’ ).each(function(){ //do stuff } } 但我不知道是否添加：可见会增加更多开销。 有什么想法吗？

jQuery：计算可见元素 – 效率/速度问题

我有一些代码工作正常，但它变得太慢： HTML： 我有一个包含大约50个ul元素的容器。 每个ul元素都有一个h4标题，后跟一系列li元素。 如果没有可见的线元素，该函数会隐藏标题。 使用Javascript / jQuery的： function show_or_hide_headings() { $(‘#container’).children(‘ul’).each(function (i) { var $this = $(this), $h4 = $this.children(‘:first’); if ($this.children(‘li:visible’).length) { $h4.show(); } else { $h4.hide(); } }); } 在我改变了li元素的本质之前，它的工作非常可接受。 每个li现在都是一个包含 icon text 的迷你表。 它现在需要2秒钟才能完成，而之前的工作时间不到半秒。 （该表用于停止文本环绕图标。） 我承认我不太明白为什么在每个li添加额外的元素会减慢DOM处理的速度，因为我使用.children选择器只能深入到一个DOM层。 我也尝试过： $(‘#container’).find(‘h4’).each(function (i) { var $this = $(this); if ($this.siblings(‘li:visible’).length) { $this.show(); } else { […]

如果使用Jquery可见，如何为最后一个子节点添加一些自定义CSS？

我允许用户将列表的一部分隐藏/可见等。 现在这是我的清单： 基本列表，但最终列表项有一些自定义CSS“border-bottom：none” – 只是为了使它看起来更好一点。 Item widget Item Item Widget Widget 当我使用最后一个选择器时，添加一些自定义CSS，它完美无缺。 我的问题是当我隐藏小部件时，它们按预期隐藏，但是在此使用自定义CSS，并且由于隐藏了这些，边框仍然显示。 我的问题是如何将CSS应用于最后一个可见的孩子？

jquery获取当前显示的文本（即不仅仅是可见的）

是否有可能在Jquery / jscript中获取当前正在屏幕上显示的文本，即。 不要获取具有显示可见或类似属性类型但当前未显示在屏幕上的文本（即，用户必须使用滚动条来查看该文本）

JQuery：当元素在视图中时触发动作

在我网站的页脚中，我使用counUp.js（链接： http ：//inorganik.github.io/countUp.js/）来计算三个数字。 我在网站底部添加了此代码： var c1 = new countUp(“upnum1”, 1, 27, 0, 4); var c2 = new countUp(“upnum2”, 1, 10, 0, 4); var c3 = new countUp(“upnum3”, 1, 27, 0, 4); var c4 = new countUp(“upnum4”, 1, 1000, 0, 4); window.onload = function() { c1.start(); c2.start(); c3.start(); c4.start(); } 这很好用，但当然加载页面后开始计数。 如果数字的包含div是“在视图中”而不是在加载页面时，如何设置触发此效果？ 尝试了几个jQuery的东西，但找不到工作的解决方案……谢谢！