Tag: live

如何让jQuery .live()和.expander一起正常运行?

我一直遇到让.expander与包含动态jQuery数据的div一起工作的问题(即在加载DOM之后)。 一个用户确实建议尝试.live(),这让我更近了一步,但它创造了一些奇怪,如下图所示。 我指的是一个单独的问题,其中https://stackoverflow.com/users/830804/eric建议我尝试.live(): 如何使用扩展器函数来处理动态jQuery数据? 注意:幻灯片1-4位于我之前的问题: 如何使用扩展器函数来处理动态jQuery数据? 幻灯片5-6见下文。 幻灯片5:使用.live()在每个模块中创建一个exandable / collapsable div的UI 幻灯片6:在div上多次单击的结果…它添加了多个折叠链接 幻灯片7:使用.live()来定位动态jQuery数据的函数 感谢您提供的任何建议。

jQuery live()适用于jQuery 1.8.3及以下版本,但不适用于1.9.1或2.0版本

我一直在使用http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js一段时间了,一切都很好,但1.8.3已经老了所以我’我们决定转向最新的jQuery。 突然有一些事情停止了工作: Quicksand插件和我自己的jQuery代码的一部分(在滑块的每个幻灯片下显示其他数据)。 你能帮我弄清楚什么是错的吗? 或者也许不值得转移到1.8.3以上的jQuery版本? 检查Jsfiddle。 HTML: SHOW SHOW First paragraph. Second paragraph JS: jQuery(“.show”).live(“click”, function (e) { var slide = ‘#’ + jQuery(this).data(‘show’); jQuery(slide).slideToggle(); e.preventDefault(); }); CSS: div { display: none; } 这是一个有用的jsfiddle: http : //jsfiddle.net/ABrna/ 尝试将jQuery更改为1.9.1或2.0并点击Run。 脚本停止工作。 为什么?

Jquery Live and Draggable

我使用Jquery Live绑定将click事件绑定到图像。 我第一次点击图像时,simplemodal弹出窗口启动和拖动工作正常。 之后,simplemodal弹出窗口仍然启动,拖动项目不会拖动。 有任何想法吗? 实时点击事件代码: $(“table tr td img:not(.Help)”).live(“click”, function(){ $(“#draggable”).draggable({ containment: ‘parent’, drag: function(e, ui){ alert(“dragging”); } }); $(“#modal”).modal({ onShow: function(){ $(“html”).css(“overflow”, “hidden”); }, onClose: function(){ $(“html”).css(“overflow”, “auto”); $(“table tr td img”).live(“click”, function(){}); $.modal.close(); } }); });

Jquery:在加载DOM后添加到页面的输入元素上使用autocomplete()

我正在使用这个自动完成插件与Jquery一起工作: jQuery Autocomplete Mod 您可以通过简单添加$(“selector”)来使用它.autocomplete(url [,options]); 当页面加载时,有5个Input元素(id = channel后跟一个数字),这就是我使用此代码在每个输入上初始化自动完成插件的原因: $(document).ready(function() { $(‘input[id^=”channel”]’).each(function(){ $(this).autocomplete( “autocomplete/autocomplete.php”, { some options that don’t matter now I guess } ); }); }); 但是现在我还希望自动完成插件能够处理在加载页面后通过调用javascript函数(通过单击链接)添加的Input元素(相同的id语法)。 我现在有Jquery的live()函数,但我不知道如何在这里使用它。 我相信有一个很好的方法可以做到这一点,但我现在无法想到正确的方法。 提前致谢! 菲尔

简单版的jquery live函数

是否有可能为jquery的live()具有类似function的事件处理程序获得纯javascript函数? 我需要能够将事件附加到尚未创建的对象,但jquery-livequery以及jquery-events源由于依赖于jquery核心而无用。

当我点击li时为什么会触发ul?

我有这个HTML: North America canada mexico united states 现在我已经编写了两个jquery函数onclick of list: 1 日 : $(“.cont-list”).on(“click”, function(event){ alert(“clicked on continent’s list”); // working fine }; 第二名 : $(“.contry-list”).on(“click”, function(event){ alert(“clicked on country’s list”); // not working! }; 在这里,当我点击cont-list时,它会被调用,但是在第二个函数中它没有被调用,而是第一个函数被调用! 是因为它是一个内在的名单? 如果是这样,那么如何处理这个问题只有在点击该列表时才会被调用? 演示就在这里 提前致谢!

tipsy live不适用于jQuery 1.9.0

我们最近将jQuery升级到1.9.0,但它打破了我们的醉意插件。 它的livefunction现在导致错误。 $(‘.tooltip, abbr’).tipsy({ live: true }); TypeError: this[binder] is not a function 对此有任何修复或补丁吗? 谷歌搜索并没有带来任何有用的东西。 更新: 谢谢你的回答。 我决定尝试自己修复这个问题,因为我找不到任何补丁。 经过检查,错误似乎很容易追查。 可以轻松修补tipsy插件以使用onfunction而不是不推荐使用的livefunction。 在tipsy插件中,我替换了以下代码: if (options.trigger != ‘manual’) { var binder = options.live ? ‘live’ : ‘bind’, eventIn = options.trigger == ‘hover’ ? ‘mouseenter’ : ‘focus’, eventOut = options.trigger == ‘hover’ ? ‘mouseleave’ : ‘blur’; this[binder](eventIn, enter)[binder](eventOut, leave); […]

jQuery:如何使用live()捕获按键

我需要在一些动态输入上捕获tab buttonpress事件,但使用keypress事件的正常语法似乎没有捕获关键代码。 $(‘input’).live(‘keypress’, function (e) { if ( e.which == 9 ) alert( ‘Tab pressed’ ); }); 当我在firebug中通过调试器时,无论我按哪个键,这似乎都是0按键。

jQuery事件冒泡

我想了解如何解释冒泡。 这是否意味着上升HTML代码层次结构或其他东西? 其次,我正在经历一个例子 ,我无法理解它所说的最后一部分 基于P的点击处理程序侦听click事件,然后阻止它传播(冒泡) 这是什么意思?

实时搜索表格行

我想通过表行进行实时搜索,使用jQuery,“live”单词是关键,因为我想在文本输入中键入关键字,在同一个站点上我想要jQuery自动排序(或删除那些与搜索查询不匹配的表行。 这是我的HTML: Unique IDRandom ID 214215442 1252512556 21144666 3245466334 2411154364 如果我愿意的话。 按Unique ID搜索,它应显示从唯一ID的特定数字开始的唯一行。 铁。 如果我在搜索输入框中输入’2’,则应保留以下行,因为它们以2开头: Unique IDRandom ID 214215442 21144666 2411154364 如果我输入24 ,那么从24开始应该只有一行可见: Unique IDRandom ID 2411154364 如果你们能给我一些关于如何做这样的事情的提示,我会非常感激。 谢谢。