Tag: 点击

使用hover并单击jQuery UI选项卡?

我在jQuery UI选项卡中使用以下代码: $(‘#tabs’).tabs({ fx: { opacity: ‘toggle’, duration: 400 }}).tabs(‘rotate’, 1000); $(“#tabs”).hover(function() { $(“#tabs”).tabs(“rotate”,0); }, function() { $(“#tabs”).tabs(“rotate”,1000); }); $(“#tabs”).click(function() { $(“#tabs”).tabs(‘rotate’, 0); }); 当鼠标hover时,标签正确旋转并且旋转停止。 但是,’hover’function也会覆盖’click’function。 如何在hover时实现暂停,并在点击时完全停止旋转?

jQuery点击两次,但只注册一次

我有一个元素点击事件,一次点击两次,这是搜索的一个常见问题,但我已经排除了其他答案的潜在原因。 代码是 console.log(“registering label click”); $(“label.tiletype”).click( function(event) { event.stopPropagation(); // stop the .tile click being called console.log(“label clicked, x = ” + event.pageX + “, y = ” + event.pageY); // more code… } } 加载页面并单击“label.tiletype”时,日志为 registering label click label clicked, x = 679, y = 172 label clicked, x = 679, y = 172 […]

jQuery .click()无法运行

我已经构建了一个 列表,并且正在使用jQuery函数填充 。 我正在尝试构建一个单击函数,以便每当单击其中一个 ,它就会消失。 我正在使用slideUp()函数。 这是我的代码: $(“#subsitem”).click(function() { // Act on the event $(this).slideUp(); }); 这不起作用,但当我改为 $(“li”).click(function() { // Act on the event $(this).slideUp(); }); 它有效,但唯一的问题是它适用于我所有的 。 有人提示吗? 更新 这是在.each()中使用的代码 $(“#subs”).append(“title”);

点击按钮切换颜色(并恢复其他按钮的颜色)

我有三个按钮,想要更改所选按钮的颜色。 正如您将看到的,我可以在选择时更改颜色,但是当选择buttonB时,我需要buttonA返回其原始颜色(此时buttonB应采用所选颜色),依此类推。 目前,所选的每个按钮都采用所选颜色,但按钮不会返回其原始颜色。 请看这个小提琴: http : //jsfiddle.net/Fwqv8/ 这是脚本: jQuery(document).ready(function(){ jQuery(‘button.account’).click(function() { jQuery(this).removeClass(“account”); jQuery(this).addClass(“btn-success”); }); }); 理想情况下,会有一个默认按钮(buttonA),当页面最初加载时,该按钮具有所选颜色。 非常感谢帮助。 谢谢。

在jquery中增加变量click()

使用此代码,我正在尝试将click事件动态绑定到元素并引用递增的变量: $(document).ready(function() { function preprocessPage(id){ $(‘.nextPage’).click(function(){ showPage(++id); }); } function showPage(id){ console.log(‘showing: ‘+id); preprocessPage(id); } showPage(1);//init }); show next page 当页面加载时,它似乎按预期工作。 第一次点击似乎有效。 事情变得棘手了。 它似乎多次运行代码(增加2倍)如果你单击div 4次(第一个日志行发生在init加载后),这就是你在firebug控制台中看到的内容: 显示:1 显示:2 显示:3 显示:3 显示:4 显示:4 显示:4 显示:4 显示:5 显示:5 显示:5 显示:5 显示:5 显示:5 显示:5 显示:5 请帮忙! 这是怎么回事? 提前致谢….

使用Javascript / JQuery动态创建具有不同点击事件处理程序的多个HTML按钮

我正在尝试使用Javascript / JQuery动态创建多个HTML按钮,每个按钮在单击时都会执行不同的操作。 我的第一次尝试看起来像这样: function myFunc( target_div, num_buttons ) { var buttons=””; for ( var i=0; i<num_buttons; i++ ) { buttons += '’; } target_div.html( buttons ); var doButtonPress = function( i ) { alert( i ); // I actually do something more complicated here, but it’s not important now } for ( var i=0; […]

hover的元素然后单击删除hover效果并再次单击再次添加hover

我正在尝试用JQuery创建一个搜索词拼图框。 基本上每个单元格中都有一个字母表,用户需要通过单击表格单元格来查找和标记网格中的单词。 所以我试图通过以下方式组合点击和hover事件: 当鼠标结束时,所有单元格都应该具有hover突出显示效果,除非已经单击它。 如果单击它,它应该只是更改为不同的颜色来标记活动选择,以便删除hover效果。 再次单击所选单元格后,它应恢复到其原始状态,并添加hover高亮效果。 进一步的点击只会重复上面提到的切换。 这怎么可能? 我用unbind(),bind()选项尝试了以下操作,但它没有用。 谢谢,阿提拉 $(“#puzzleTable td”).each(function(){ $(this).hover( function(){ $(this).css(“background-color”, “#FF6633”); }, function() { $(this).css(“background-color”, “#99CC00”); }).toggle( function(){ $(this).unbind(‘mouseenter mouseleave’), $(this).css(“background-color”, “#006699”) }, function(){ $(this).css(“background-color”, “#99CC00”), $(this).bind(‘mouseenter mouseleave’) } ); });

jQuery锚点击,“this”,“e.target” – 返回url

我已经从Mootools切换到jQuery,因为我认为它有更好的支持。 我有这样的HTML: Opcje Opcje Opcje Opcje Opcje Opcje Opcje JS jQuery(document).ready(function($) { $(‘.menuTreeElement .submenuElement’).hide(); $(‘.menuHandler li.menuElement, .menuHandler li.menuTreeElement’).removeClass(‘activeOpt’); $(‘.menuHandler li.menuElement, .menuHandler li.menuTreeElement’).addClass(‘inactiveOpt’); $(‘.menuHandler li.menuElement a.menuOpener, .menuHandler li.menuTreeElement a.menuOpener’).click(function(e){ e.preventDefault(); alert(this); alert(this.id); alert($(this)); alert(e.target); alert(e.target.id); alert($(e.target)); }); }); 结果: URL,空警报,[对象对象],URL,空警报,[对象对象]。 我不知道该怎么办。 链接是否有帮助: http : //misiur.com/CRP/admin/ 我想实现这一点:1。你点击一个带有类menuOpener 2.所有li同类的submenuElement同一个ul(在本例中是menuOpt1Content)正在显示

如何禁用iframe中的文本框

场景:一个名为index.html的大型页面,一切都在这里发生。 索引有10个选项卡(jquery ui tabs)。 使用jquery ui的手风琴小部件,每个标签现在平均有3-5个子类别(我被拒绝将图片作为垃圾邮件预防发布但我希望您了解布局的样子)。 这是问题的起点。 iframe驻留在所有这些中,所以我在每个iframe中查看25-30个iframe,大约有5-10个文本字段。 我想要做的只是启用/禁用这些文本字段。 很简单,我知道这可以通过以下方式完成: $(‘input[type=text]’).attr(“disabled”, “disabled”); $(‘input[type=text]’).removeAttr(“disabled”) 索引上的按钮触发一个函数: $(“.frameClass”).each(function () { console.log(“i found a frame called ” + this.name); }); 如何在单击时启用所有输入文本字段的此连接? 我甚至尝试在iframe中创建一个函数,并尝试从.each()调用它 this.unlockFields(); 没有任何地方,任何想法?

如何使用jQuery阻止双重提交($ .post)

$(document).ready(function(){ $(“#enviar”).click(function(e){ e.preventDefault(); //prevent run 2 or more times if the user clicks the button multiple times to send $.post(url,{data:data1,data2:data2},function(rp){ }); }); }); 如果用户反复单击按钮,则阻止发送2次“发布”,而不禁用提交按钮