Tag: 单击

双击Jquery中的歧义?

我试图在窗口中设置一些文本, single and double click in jquery 。 但我面临double click的ambiguity 。 尝试double click ,首先single clickfunction,然后double click工作。 类似的问题在这里检查 ,这是非常古老的。 它也有一些问题。 任何使用最新jquery版本的新答案。 查看我的问题 现场演示的现场演示 这是我的代码, Click here $(“#press”).click(function(event) { event.preventDefault(); $(“#log”).text(“I am single click !”); return false; }); $(“#press”).dblclick(function(event) { event.preventDefault(); $(‘#log’).text(“I am double click !”); return false; }); 希望我们的堆栈用户能帮助我。

用户点击jQuery / javascript不同的行为,并以编程方式单击一个复选框

有点难以解释,所以我在这里设置了一个jsFiddle。 基本上,当用户单击复选框时,我会触发一些行为。 在另一个地方,我试图以编程方式单击复选框,我需要看到完全相同的行为。 它不起作用,似乎与点击的顺序和确定已检查的属性有关。 如何在不诉诸黑客的情况下获得我正在寻找的行为?

Jquery,如果它是第一次单击元素

我需要我的脚本在第一次单击元素时执行某些操作,并在单击2,3,4上继续执行不同的操作,依此类推 $(‘selector’).click(function() { //I would realy like this variable to be updated var click = 0; if (click === 0) { do this var click = 1; } else { do this } });//end click 我认为它应该依赖于变量,但我想不出如何从这里更新变量,任何帮助都会很棒。

jQueryUI自动完成’select’在鼠标单击时不起作用,但适用于关键事件

JS / JQuery的: $this.find(‘input’).autocomplete({ source: “/autocomplete_tc_testcasename”, minLength: 2, focus: function(e,ui){ $(this).val(ui.item.label); return false; }, select: function(e, ui) { console.log(“Selected: “+ui.item.value); } }); CSS: .ui-autocomplete { max-height: 200px; overflow-y: auto; padding: 5px; } .ui-menu { list-style: none; background-color: #FFFFEE; width: 50%; padding: 0px; border-bottom: 1px solid #DDDDDD; border-radius: 6px; -webkit-box-shadow: 0 8px 6px -6px black; -moz-box-shadow: […]

用jQuery创建一个表行(tr)可点击(带有一个href链接,然后hover!?)

只是一个(希望)快速的问题,我有以下HTML代码: Bulletin 1st March 2010 (01/03/10) 理想情况下,我想要一种方法来使用jQuery获取一个href链接并使其无论你在哪个点击特定的表行,它都会带你到那个链接。 有没有办法做到这一点? 我可以通过icky内联JavaScript作为绝对的最后手段来做到这一点,但是因为发现了jQuery我非常喜欢能够干净利落地执行此操作的想法:-)

jQuery’on’没有在动态生成的模态弹出窗口中注册

我的印象是,jQuery的on事件处理程序意味着能够“监听”动态创建的元素,并且它应该取代live的行为。 但是,我所经历的是使用on不捕获click事件,而使用live是成功的! 我的情况的棘手方面是我不仅动态创建内容,而且我通过AJAX .get()调用,并将结果HTML插入模态.dialog() jQueryUI弹出窗口。 这是我试图完成的简化版本(包含在$(document).ready(…) ): $.get(“getUserDataAjax.php”, queryString, function(formToDisplay) { $(“#dialog”).dialog({ autoOpen: true, modal: true, buttons… }).html(formToDisplay); }); $(“.classThatExistsInFormToDisplay”).on(“click”, function() { alert(“This doesn’t get called”); }); 从我的文档中我发现了这是我接近编写我的on事件的方式: $(“p”).on(“click”, function(){ alert( $(this).text() ); }); 但是,出于某种原因, live会像我期望的那样工作 – 而on则让我失望。 这不是“如何使其工作”的问题,因为我发现如果我在function(formToDisplay)回调中声明它将成功(捕获点击)。 我的问题是:在模态弹出窗口中找不到我动态创建的元素有什么问题? 我的jQuery实例是jquery-1.7.2。 jQueryUI是1.8.21。 这里有两个jsFiddles来解决这个问题。 单击两个实例中的单词“Test”以查看不同的行为。 代码的唯一区别是替换为live 。 live捕获点击的位置。 没有捕获点击的地方(点击’测试 – 点击我’看看什么都没发生)。 我意识到我可能只是不恰当地使用或者要求它做一些不打算但我想知道它为什么不起作用的东西(但如果你有一些非常聪明的东西,请随意分享)。 谢谢你的智慧! 更新/解答/解决方案: 根据用户’undefined’,不同之处在于on不是从document对象的顶部一直委托,而live是/。 正如Claudio所提到的, […]

jquery在锚点上点击事件

这是我的html片段: T1 T2 T3 我想设置一个点击处理程序来响应用户点击锚标签。 这是测试代码: $(“#tag-cloud-widget .content a”).click(function(e) { alert(‘clicked’); return false; }); 上面的点击处理程序不会被触发,也不会: $(“#tag-cloud-widget .content .cloud-element”).click(function(e) { alert(‘clicked’); return false; }); 然而, $(“#tag-cloud-widget .content”).click(function(e) { … }); 和 $(“#tag-cloud-widget”).click(function(e) { … }); 被解雇了! 我没看到什么?

使用元素时,SVG单击事件不会触发/冒泡

我遇到了一个有趣的错误(?),如果你使用作为链接的一部分(例如一个图标)嵌入SVG – 图标本身不会在jQuery中注册click事件,而是单击文本。 我认为这是由于SVG事件没有冒泡? 如果直接嵌入SVG,无论是否单击文本或图标,链接都会触发。 我在这里可以看到一个简单的测试用例: SVG bug测试用例 。

替换.toggle(在jQuery 1.9中

我找到了不同的替代品来为jQuery 1.9切换这里,但我不能让它在我的情况下工作: $(‘.thumb.flip’).toggle( function () { $(this).find(‘.thumb-wrapper’).addClass(‘flipStop’); }, function () { $(this).find(‘.thumb-wrapper’).removeClass(‘flipStop flipIt’); } );

当我不想要它时,jquery .click覆盖主播href!

我有一组嵌套的DIV,当用户点击它们时,使用jQuery进行滑动。 在最里面的DIV内部有一个带有HREF的锚标签,它应该在某个地方导航。 问题是,当我点击链接时,它就像父DIV一样滑动,而不是导航到url。 如果我右键单击锚点并选择在新选项卡中打开,那么导航就可以了。 请问你能发现什么问题吗? 谢谢 ThirdParty Bobs shop  Gifts Option 1 $(“div.subSystemHeader, div.subSystemHeader”).click(function() { $(“> div”, this).slideToggle(…); return false; });