Tag: events

$(文件).ready()什么时候开火?

这个问题的评论让我想到了什么。 什么时候$(document).ready()函数确实会触发? 显而易见的答案是“当文件准备就绪时”,但究竟是什么时候? 例如, 如果我在PHP继续执行时打开输出缓冲并刷新输出 ,那么不会将输出发送到浏览器吗? 那么,在PHP脚本执行完毕之前,文档是否可以准备就绪,或者事件是否等到请求完成之后? 编辑: 响应似乎基本上同意当客户认为它准备就绪时事件会发生。 为了更好地理解(我本来应该做的事情),我只是设置了一个测试: $(document).ready(function() { alert(“READY”); }); <?php ob_flush(); for ($i=0; $i 结果是在这个例子中,内容立即开始在页面上显示,但是在循环完成之前警报没有发生,或者脚本超时(30秒)。 为了取决于您使用的浏览器,我尝试在我的循环中插入: if ($i == 99) { echo “”; } Chrome似乎通过将这些标签放在页面的末尾来自动纠正它(如Web开发检查器中所示)。 查看页面的来源显示它位于中间,我在那里回应它。

添加太多事件侦听器会影响性能吗?

我有一个关于javascript(jQuery)事件/监听器的一般问题。 在没有性能问题的情况下,点击监听器的数量是否有限制?

在FullCalendar dayClick上触发jQuery Qtip

我有一个jquery fullcalendar 。 当我点击一天来显示选项列表时,我想触发jquery QTip (或其他jquery解决方案(例如灯箱))。 这个问题类似于已发布的这个问题 ,但不同的是足以保证一个新问题。 有一个事件回调 ,但我不确定如何将其与jQuery Qtip集成… $(‘#calendar’).fullCalendar({ dayClick: function(date, allDay, jsEvent, view) { if (allDay) { alert(‘Clicked on the entire day: ‘ + date); }else{ alert(‘Clicked on the slot: ‘ + date); } alert(‘Coordinates: ‘ + jsEvent.pageX + ‘,’ + jsEvent.pageY); alert(‘Current view: ‘ + view.name); // change the day’s […]

如何在导致模糊的点击事件后触发Javascript模糊事件?

我曾经遇到过这个问题几次,我对以前用过的解决方案不满意。 我有一个带有模糊事件的输入框,可以validation它的内容,还有一个按钮,可以在点击时填充输入框。 问题是单击按钮会触发输入模糊事件,然后触发按钮单击事件,因此按钮插入的内容不会被validation。 见http://jsfiddle.net/jakecr/dL3K3/ 我知道这是正确的行为,但我想不出一个彻底解决问题的方法。

为什么,当我在循环中添加一堆事件侦听器时,每个元素是否会触发添加的最后一个侦听器?

在页面上,我有一张美国和加拿大的SVG地图,以及省和州的HTML列表。 hover在任何省份上,无论是列表中的名称还是地图上的描述,都应使名称和描述变为不同的颜色。 所有名称和路径都已具有逻辑ID /类。 这是我的代码的小提琴。 (这是一个可怕的程序混乱,所以请原谅我。) jQuery的事件函数不适用于SVG,虽然我知道有一个jQuery插件可能会有所帮助,但我认为这将是一个使用比我习惯的更大比例的香草Javascript的好机会。 代码中最相关的部分是Javascript第46到69行的makeMapInteractive函数: function makeMapInteractive(provinces) { for(var province in provinces) { // Iterate over every state/province code var $HTMLtargets = $(‘ul.provinces li.’ + province); var $SVGtargets = $(‘path#{0}, g#{0} path’.format(province)); var $allTargets = $HTMLtargets.add($SVGtargets); // I tried it first with $().each(); when that didn’t work, // I commented it out […]

有没有办法在jQuery中更改事件参数?

我希望能够更改传递给selectable的start事件的参数,因此我基本上可以允许我的用户使用可选择的jQuery UI效果而无需按住CTRL键。 JS $(function() { $( “#selectable” ).bind(“mousedown”, function(event, ui) { var result = $( “#select-result” ).empty(); event.metaKey = event.ctrlKey = true; }); $( “#selectable” ).selectable(); }); 我有一个小提琴,我想在这里完成的事情: http://jsfiddle.net/josephbulger/ZfevM/ 我遇到的问题是,当我在start方法中设置事件的参数时,stop方法没有看到我正在进行的更改。 有没有办法完成我想要做的事情?

jQuery UI:开始可拖动之前

在jQueryUI开始拖动之前,如何实现before start事件以更改位置并在draggable元素的DOM中放置?

如何使用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次或一次。 […]

jquery等待多个完整的事件

我想使用jQuery的load函数将一些内容加载到div中,我还想调用jQuery的animate函数。 $(‘#div1’).load(‘…’, function() { // load complete }); $(‘html,body’).animate({ …: …}, …, ‘…’, function(){ // animate complete }); 我不想在调用animate之前等待load完成,反之亦然。 接下来我想调用第三个函数,但我不想在load和animate的完整事件被触发之前调用它。 我怎样才能做到这一点?

是否真的有必要等待DOM准备好操纵DOM?

如果您的代码只操作已经完全解析的DOM元素,是否真的有必要等待“ready”(或“window.onload”)事件? “ready()”函数的jQuery文档演示了如何在DOM完全就绪之前等待执行操作,但示例是针对相关DOM元素之前列出的代码(脚本标记)。 但似乎在HTML文档中必要的DOM元素之后出现的代码可以访问它们,因为可能是DOM是在浏览器解析文档时构建的。 例如,可以安全地假设以下代码在所有情况下都是可靠的,或者是否仍然需要(或以某种方式有益)使用ready / onload处理程序? var foo = document.getElementById(‘foo’); foo.innerHTML = ‘The element #foo is loaded!’; 这个问题非常相似,但我想查看是否有更多信息。