草庐IT

实时目标检测

全部标签

javascript - 带有碰撞检测的 jQuery 拖动

我有以下HTML:Item1Item2Item3我希望使用jQuery能够做到的是:能够将.item从#list拖到#timeline.item可以根据需要多次放入时间线,例如。时间线中可能有4个项目#i1。.item在时间轴中不能相互重叠.item可以放置在时间轴上的任何位置,只要它们不与时间轴上的任何其他项目重叠所以我选择了jQueryUI的Draggable和Droppable,也选择了jQueryUIDraggableCollisionPlugin.这是我开始使用的jQuery:$('#list.item').draggable({helper:'clone',revert:'

javascript - 检测多张图片加载事件

我想知道是否有一种方法可以检测多个图像的加载事件(特别是,当给定集中的最后一个图像完成加载时应该执行一个函数)。例如,用户点击一个链接,会出现带有10张图片的灯箱。加载完所有图片后,加载栏应该会消失。jQuery(".lightbox-image").each(function(){varimage=jQuery(this);jQuery('').attr('src',image.attr('src')).load(function(){hideLoadingBar();});});不幸的是,这过早地触发了hideLoadingBar();(在一张图片完成加载之后)。附言我还需要我的函

javascript - 如何使用文件 API 和 Dropzone.js 检测文件的尺寸

使用Dropzone.js,我需要在添加文件时检测图像的尺寸并将它们应用于其父级.detailsdiv。以下代码有效并返回带有添加的图像宽度的警报。myDropzone.on("addedfile",function(file,xhr){varfr;fr=newFileReader;fr.onload=function(){varimg;img=newImage;img.onload=function(){returnalert(img.width);};returnimg.src=fr.result;};returnfr.readAsDataURL(file);});问题是我不知道如

javascript - 检测移动浏览器关闭事件

有什么方法可以检测移动浏览器关闭事件吗?我需要在浏览器关闭时强行删除cookie。我已经用window.onbeforeunload和window.unload试过运气,但它们不适用于移动浏览器。在网上搜索了很多,但没有得到任何解决方案。提前致谢 最佳答案 对不起,但使用Javascript是不可能的...您可以阻止关闭选项卡的操作,但在关闭时不做某事...HowtoDetectBrowserWindow/TabCloseEvent? 关于javascript-检测移动浏览器关闭事件,我

JavaScript:跨浏览器 "browser plugin"检测

我正在寻找一个脚本来检测用户是否安装了WindowsMediaPlayer、Quicktime、Flash或Silverlight...理想情况下,这将是jQuery插件,但任何脚本都可以。您知道可以推荐一个吗? 最佳答案 PluginDetect似乎工作得很好。您可以生成脚本的缩小版本,只选择您想要检测的插件和您需要的功能。 关于JavaScript:跨浏览器"browserplugin"检测,我们在StackOverflow上找到一个类似的问题: http

javascript - jQuery 滚动事件 - 检测元素滚动到 View 中 - 在 Chrome 上性能不佳

以下代码在IE和Firefox上工作正常,但Chrome讨厌它(它运行但真的很慢)。我确信它可以使浏览器更加友好,但是怎么做呢?itemPlaceholder是数百个100x100的floatdiv(例如图像占位符)。我正在使用jquery1.4.4和Chromev10.0.648.127。$(function(){ReplaceVisible();$(this).scroll(function(){ReplaceVisible();});});functionReplaceVisible(){$('.itemPlaceholder').each(function(index){if(

Javascript 碰撞检测

我正在尝试用javascript制作贪吃蛇游戏,但我在碰撞检测方面遇到了困难。到目前为止,我已经尝试了各种方法,但无奈之下,我决定存储每帧片段的所有位置,然后在为下一帧制作动画之前检查是否有任何重复项。不幸的是,这种方法也没有成功。也许这是由于对JS如何处理数组的误解。有一段时间我一直在使用if(xiny)但据我所知,如果数组中存在完全相同的对象,则返回。这是现场演示:http://jsfiddle.net/AScYw/2/这是更容易阅读的代码:http://pastebin.com/ygj73me6有问题的代码在snake对象中,作为函数collide。this.collide=fu

javascript - 如果它是悬停元素的子元素,是否可以使 jQuery 仅针对悬停动画的目标 div?

好吧,我是Javascript和jQuery的初学者,所以这可能是一个非常简单的问题,但我已经尝试研究它,但找不到任何好的答案。在我的网站上:http://joeyellisdesign.com/testingspace/JE2我在我的投资组合的“工作”部分有一个滚动,我试图让它只在你将鼠标悬停在单个图像上时出现。要设置动画,我有这段代码:jQuery$(document).ready(function(){$(".project").hover(function(){$(".projectdescription").animate({top:'4px'});},function(){

javascript - 如何创建一个指令,根据条件在目标元素上添加 ng-class 和 ng-disabled?

我有以下代码:app.directive"ngDisableOnVar",($compile)->restrict:"A"terminal:truepriority:1000replace:falsescope:{}compile:compile=(element,attrs)->cattr=attrs["ngDisableOnVar"]element.attr("ng-class","{'disabled':!#{cattr}}")element.attr("ng-disabled","!#{cattr}")element.removeAttr("ng-disable-on-var"

javascript - 如何检测对象变量是否已更改?

我有一个表示栅栏的类,它在内部由矩形和圆形标记对象(也是我的类)组成。栅栏有4个变量-x1、x2、y1和y2。如果有任何这些更改,我必须修改或重建内部标记对象。存储和检查4个值并不是什么大问题,但这只是我的世界对象类中的第一个,并且会有更长的变量列表。有没有什么好的方法可以检查这些是否已更改或触发更改,而无需显式存储double值并在每次重新绘制Canvas时进行检查?类似于vb.net中的属性之类的东西? 最佳答案 varfence={setx1(){alert('change');this.rebuild();},rebuild