是可能的切换元件的可见性,使用函数.hide()
,.show()
或.toggle()
.
如何测试元素是可见还是隐藏?
给定两个日期范围,确定两个日期范围是否重叠的最简单或最有效的方法是什么?
举个例子,假设我们有通过日期时间变量表示的范围StartDate1
来EndDate1
和 StartDate2
到EndDate2
.
我正在通过AJAX加载元素.只有向下滚动页面时,其中一些才可见.
有什么方法我可以知道一个元素现在是否在页面的可见部分?
有什么方法可以检查一个元素是否在纯JS(没有jQuery)中可见?
因此,例如,在此页面中:Performance Bikes,如果您将鼠标悬停在Deals(在顶部菜单上),则会出现一个交易窗口,但在开始时它没有显示.它在HTML中,但不可见.
因此,给定一个DOM元素,我该如何检查它是否可见?我试过了:
window.getComputedStyle(my_element)['display']);
Run Code Online (Sandbox Code Playgroud)
但它似乎没有起作用.我想知道应该检查哪些属性.它出现在我的脑海里:
display !== 'none'
visibility !== 'hidden'
Run Code Online (Sandbox Code Playgroud)
还有其他我可能会失踪的人?
当用户更改页面中的缩放时,是否可以使用JavaScript检测?我只是想捕捉一个"缩放"事件并对其做出响应(类似于window.onresize事件).
谢谢.
这是一个WEB APP而不是本机应用程序.请不要使用Objective-C NS命令.
所以我需要在iOS上检测"捏"事件.问题是我看到的用于做手势或多点触摸事件的每个插件或方法,(通常)使用jQuery,并且是针对太阳下每个手势的完整附加插件.我的应用程序非常庞大,我对代码中的枯木非常敏感.我所需要的只是检测一个捏,使用像jGesture这样的东西只是为了我的简单需求而膨胀.
另外,我对如何手动检测夹点的理解有限.我可以得到两个手指的位置,似乎无法正确地检测到这一点.有没有人有一个简单的片段,只能检测到捏?
我有一个在$(document).ready()上执行的脚本,它应该在我的布局中垂直对齐块元素.90%的时间,它没有问题.然而,对于额外的10%,两件事之一发生:
进行定心所需的时间明显滞后,并且块元素跳入位置.这可能只是性能相关 - 因为页面大小通常很大,并且有大量的javascript一次执行.
中心将完全搞乱,并且块元素将向下推得太远或不够远.似乎它试图计算高度,但是测量结果不合适.
有没有理由为什么在DOM-ready上执行脚本会没有将所有正确的CSS值注入到DOM中?(所有CSS都在<head>
via a中<link>
).
此外,这是导致问题的脚本(是的,它是从这里直接采取的):
(function ($) {
// VERTICALLY ALIGN FUNCTION
$.fn.vAlign = function() {
return this.each(function(i) {
var ah = $(this).height();
var ph = $(this).parent().height();
var mh = (ph - ah) / 2;
$(this).css('margin-top', mh);
});
};
})(jQuery);
Run Code Online (Sandbox Code Playgroud)
谢谢.
我已经看到很多关于这个主题的变化的问题,但我正在寻找直接的解决方案:
HTML表单,jQuery验证,需要多个字段.提交表单时,验证会跳转到第一个错误并突出显示它.为了提高可用性,我想滚动到第一个错误字段.但它不断完全破坏验证或抛出scrollTo错误.
我需要使用标准验证插件(http://docs.jquery.com/Plugins/Validation),但任何卷轴都没问题,因为我一直在尝试使用scrollTo(http://flesler.blogspot.com/2007/ 10/jqueryscrollto.html).
示例代码位于http://jsfiddle.net/DtgKQ/1/,任何帮助表示赞赏.
我在DOM中有一个对象列表,它比屏幕高度区域长.
我需要检测屏幕上的可见对象,只是为了制作类似时间轴树视图的东西.(如下图所示):
我的DOM看起来像这样:
<!-- elements visibility on screen to be DETECTED -->
<div id="elements">
<div id="elem-1">Lorem ipsum</div>
<div id="elem-2">Lorem ipsum</div>
<div id="elem-3">Lorem ipsum</div>
<div id="elem-4">Lorem ipsum</div>
<div id="elem-5">Lorem ipsum</div>
<div id="elem-6">Lorem ipsum</div>
<div id="elem-7">Lorem ipsum</div>
<div id="elem-8">Lorem ipsum</div>
</div>
<!--elements visibility on screen to be AFFECTED -->
<ul id="timeline">
<li view-id="elem-1">Elem-1</li>
<li view-id="elem-2">Elem-2</li>
<li view-id="elem-3" class="active">Elem-3</li>
<li view-id="elem-4" class="active">Elem-4</li>
<li view-id="elem-5" class="active">Elem-5</li>
<li view-id="elem-6" class="active">Elem-6</li>
<li view-id="elem-7">Elem-7</li>
<li view-id="elem-8">Elem-8</li>
</ul>
Run Code Online (Sandbox Code Playgroud)
我的目标是从#elements
容器中检测屏幕上可见元素的ID,并将active
类分配给容器中的相应元素#timeline
.
我需要在 …
我有一个使用CSS3动画的条形图,当页面加载时动画当前激活.
我遇到的问题是给定的条形图由于之前的大量内容而被放置在屏幕外,所以当用户向下滚动到它时,动画已经完成.
我正在寻找通过CSS3或jQuery的方法来仅在观看者看到图表时激活条形图上的CSS3动画.
<div>lots of content here, it fills the height of the screen and then some</div>
<div>animating bar chat here</div>
Run Code Online (Sandbox Code Playgroud)
如果你在页面加载后立即向下滚动,你可以看到它动画.
这是我的代码的一个小问题.另外,我不知道这是否重要,但我在页面上有几个这个条形图的实例.
我遇到了一个名为waypoint的jQuery插件,但我完全没有运气.
如果有人能指出我正确的方向,那将是非常有帮助的.
谢谢!