Tag: javascript events

如何使用on()和off()将事件附加到jquery移动页面?

我正在尝试升级到持续的Jquery 1.7.1(使用JQM 1.1pre)。 我曾经能够绑定到这样的JQM页面: $(‘#mypage’).live(‘pageshow’, function() { /* do stuff */ }) Per Jquery 1.7.1现在必须是: $(‘#mypage’).on(‘pageshow’, function() { /* do stuff */ }) 或者如果页面是动态插入的 $(‘body’).on(‘pageshow’, ‘#mypage’, function() { /* do stuff */ }) 问题: – 这种语法对于jquery 1.7+是否正确? – 我无法使用此function在JQM中触发事件。 我试过$(’div:jqmData(role =“page”)#mypage但这似乎也不起作用。将某些function附加到特定JQM页面的正确语法是什么? 感谢帮助! 编辑: 有些干涉后来似乎你只能在$(’div:jqmData(role =“page”)’)上调用on()和off()。 调用相应的#pageID不起作用。 在多页面布局中,这样的绑定每页将触发一次,因此如果多页文档中有10个页面,则: $(‘div:jqmData(role=”page”)’).on(‘pageshow’, function() { // do stuff }); 将在多页文档中每次触发10次或一次。 […]

在Safari中没有触发JQuery Click事件?

当用户从选择框中选择一个选项时,我正在尝试做某事 – 尽可能简单吗? 我正在使用JQuery 1.3.1注册一个带有选择框id的点击处理程序。 一切都很好,直到我使用Chrome和Safari测试,发现它不起作用。 Firefox 3.05 – 是的 IE 7.0.5730.13 – 是的 IE6Eolas – 是的 Sarafi 3.2.1 – 没有 Chrome 1.0.154.43 – 没有 见下面的代码: $(document).ready(function(){ $(‘#myoption’).click(function() { alert(‘Select Dropdown was clicked: ‘+ $(‘#myoption’).val()); }); }); A B 任何人都知道我应该为此工作做什么? 警报最终会被触发,但只有在双击选择框后才能触发?

单击链接文本时,jquery函数(event)event.target.id为空

我有一个侧面菜单,点击时滑出以显示内容面板。 基于单击的菜单项,我显然需要在面板中填充不同的东西。 我写了一个function来操作菜单/面板,它部分工作。 但是,我正在尝试根据event.target.id确定要加载的内容(因为函数接受event )但是当我非常靠近链接方块的边缘时它只有一个值。 当我点击实际文本h1和h6并没有id ,它不起作用。 现场演示(点击“样式”广场边缘,然后在中间点击): http : //jsfiddle.net/mANuD/ S Styles D Designers C Code ? Help 如何修复/改进这一点,以便在我点击链接区域的哪个位置无关紧要?

是否可以以编程方式触发onb​​eforeunload事件?

我目前正在使用jquery-form-observe插件,该插件使用onbeforeunload来提示用户“未保存”的更改。 但是我有一个场景,我需要在按钮点击时触发它:按钮点击最终导致页面更改,但我想在用户启动按钮点击开始的过程之前提示用户… 那么有没有办法通过jQuery或其他方式触发onb​​eforeunload?

如何在函数运行后等待一段时间

如果我有一个函数,我希望我的js代码立即运行,但运行后,等待2秒。 如何实现这个逻辑? ( 注意:它只是与setTimeout()的逆逻辑比较,因为setTimeout( )首先等待一定的时间然后执行该函数。)

覆盖html5validation

我正在使用一个简单的登录表单,有两个字段: Log in 对于现代浏览器,会自动触发validation。 但是,如果javascript可用,我想接管html5表单validation,并自己处理所有内容。 我想自动validation’onblur’(仅受影响的字段),并且我想在点击’submit’时validation所有字段。 onblur事件工作正常,但是当按下“提交”时,不会触发标准的“提交”事件。 但是,会触发“无效”事件; 但仅适用于第一个无效事件。 告诉浏览器忽略所有与HTML5相关的validation并接管整个过程的好方法是什么?

清除jquery document.ready()调用

如何通过jquery document.ready()调用清除设置为触发的匿名函数? 例如: //some code sets a doc ready callback $(document).ready(function () { alert(‘ready’); }); //my attempt to prevent the callback from happening window.onload = null; $(document).unbind(“ready”); 无论我试图绕过它,警报都会发生。 有没有办法做到这一点?

jQuery.on()如何工作?

我还没有看到这个函数的来源,但我想知道,它是否像这样工作: 通过其选择器选择元素 将提供的事件处理程序委托给他们 在该选择器上运行setInterval并不断取消委派,然后重新委派相同的事件 或者对此有一个纯JavaScript DOM解释?

Google自动填充方法API不会通过TAB触发更改事件

根据Google Autocomplete Places API文档,getPlace()调用应返回包含所有位置数据的Places对象,或者,如果该位置不存在(即 – 用户忽略了建议),则应返回一个存根填充Places对象的name元素。但是,它仅在用户按Enter时执行后一操作,而不是在TAB超出字段时执行。 我已经尝试过查看更改事件,keyup,keydown事件。 我已经尝试使用键码13触发关于模糊等的keydown事件。似乎没有什么工作。 有没有人克服过这个问题? 很明显,用户会在表单中进行制表,并且总是有可能忽略这些建议。

jQuery鼠标方向插件

对不起,伙计们,这不仅仅是一个问题,而是一个答案。 我见过很多人问如何使用js / jQuery识别定向鼠标移动,这是我今天下午给他们写的一个插件。 jQuery提供对标准JS鼠标事件以及一些自定义事件的支持。 在jQuery中,很容易捕获鼠标点是否已经进入对象的边界或者是否离开(mouseenter,mouseleave)或者发生了其他事情(如click,dblclick等)。 但如果您需要捕捉鼠标的方向,则会遇到麻烦。 如果有一个插件可以在任何可以监听并绑定监听程序例程的元素上触发自定义鼠标方向事件,那将是非常棒的。 我今天下午写了这个小插件(jQuery MouseDirection Plugin)来触发DOM结构中任何可见元素的八个自定义事件。 这是源代码 /** * jQuery Mouse Direction Plugin * @version: 1.1 * @author Hasin Hayder [hasin@leevio.com | http://hasin.me] */ (function ($) { var options = {}; var oldx = 0; var oldy = 0; var direction=””; $.mousedirection = function (opts) { var defaults = { […]