Tag: 单击

.fadeTo无法延迟淡出

试图将淡入淡出500延迟到1000，但是当我改变.fadeTo(‘500’, 1); to .fadeTo(‘1000’, 1); 褪色不是延迟。 相同的时间，500到1000之间没有区别。 jQuery的： $(“.more-post”).one(“click”, function () { $(‘.bottom-post’).addClass(‘show-more’).fadeTo(‘500’, 0); setTimeout(function(){ $(‘.bottom-post’).addClass(‘show-more’).fadeTo(‘500’, 1); },4000); }); 这个Jquery很快就会消失，所以如何将延迟淡出更多.fadeTo(‘1000’, 1); 。 想要褪色更慢。 谢谢。

添加类onclick，然后在下次单击时按该类选择

我只是在尝试更多地了解jquery的测试场景。 我明白我想要做的事情是行不通的，我确信我可以查找一个更复杂的解决方案，包括切换或其他什么，但我想知道为什么这不会起作用的逻辑…… 我想有一个按钮，按下时插入文字。 再次按下它时会插入一组不同的文本。 我正在尝试使用整个添加/删除类的东西，所以我试图将类’text1’添加到我的textarea div。 然后我继续创建另一个单击函数，尝试选择我刚刚添加的’text1’类并再次插入HTML。 如果我在’textarea’下面有’textarea.text1’选择器（如我的例子所示）选择器，它可以理解地通过并添加text1类然后找到它并立即输入“Text Content 2” 我认为通过上面的’textarea.text1’选择器它会移动到第一个.click而不做任何事情然后添加类。 这似乎不起作用…… 然后，我希望再次单击ChangeText按钮，让它在我的脚本的第一部分中找到该类….. 任何人都可以解释为什么这不起作用和最简单的方法来实现这一目标？ 提前致谢。 使用Javascript： $(document).ready(function() { $(‘.changetext’).click(function() { $(‘.textarea’).html(‘ Text Content 1’).addClass(‘text1’); }); $(‘.changetext’).click(function() { $(‘.textarea.text1’).html(‘ Text Content 2’); }); }); HTML： ChangeText Jfiddle： http ： //jsfiddle.net/nlaffey/qzKJx/1/

如何在Jquery中显示之前更新选择选项？

看看这个示例代码： $(document).ready(function(){ $(“body”).on(‘click’, “#teste”,function(){ $(‘#teste’).append(‘pera’) $(‘#teste’).show(); }); }); banana laranja 我的问题是click事件显示选择框，并且只有在用新值（“pera”）更新它之后。 我需要做的是首先使用新值更新select并且仅在显示之后。 无论如何使用jQuery做到这一点？ 先谢谢你，伙计们！ 编辑： 好吧，让我试着解释一下：每当你点击一个选择以显示它自动显示它的选项时（很明显！）。 我的问题是我需要拦截click事件，更新select并且只有在显示select之后。 但它在更新之前显示了选择（这是默认行为）。 这是发生的事情： 1）选择初始值：banana，laranja 2）用户点击它。 我想要的：展示香蕉，laranja和pera作为选择。 会发生什么：它显示列表中的banana，laranja，只显示它并且只有在更新了select之后（如果我用fiebug检查html代码，那么pera选项就在那里！）。 如果我在select中再次单击，pera选项会正常显示，并且正如上面的代码所示，它会在select中附加另一个pera选项，该选项仅出现在下一次单击中，依此类推。

Jquery – 从使用函数创建的按钮调用函数

这适用于Jquery： $(“.go”).click(function() { $(“#test”).html(“TEST TEST TEST”); }); 但是，如果我尝试从使用以下创建的按钮访问go函数，则会失败。 $(“.new”).click(function() { $.ajax({ url: $(this).attr(“data-value”), success: function(data, textStatus, xhr) { $(‘#DIV’).html(”); } } }); }); 当另一个function点击function完成时，使用此代码。 有什么理由吗？ 谢谢

jQuery在mouseclick上创建div

在我的网站上，我希望能够在单击鼠标时创建div，应该在鼠标单击的位置创建div。 然后我希望能够动画这个div从屏幕底部飞出来。 到目前为止，我有这个jQuery代码，它只是在点击时显示一个div，但是我希望它在每次显示时都能在屏幕上显示动画。 任何人都可以帮助我。 $(“#divId”).hide(); $(“.holder”).click( function(event) { $(“#divId”).show().css( {position:”absolute”, top:event.pageY, left: event.pageX}) }); 和JSfiddle： http ： //jsfiddle.net/VZY6C/

如何用clicked objet的父级定义条件？

我无法访问被点击的对象（这个）父类…单击相同的元素和不同的返回？ 这是DEMO HTML 1 1 1 2 2 2 jQuery的 $(‘.ele’).click(function() { if ( $(this).parent().hasClass(‘r1’) ) {//way1 alert(‘you clicked 1st row element’); } else if ( $(this).parent().hasClass(‘r2’) === true ) {//both way wont work alert(‘you clicked 2nd row element’); } });

单击时无法取消绑定鼠标

我有一个jquery脚本，如果你使用mouseenter和element，它会显示一些内容，并在你mouseleave时消失。 我试图在用户点击时取消绑定鼠标，以便在用户离开时“某些东西”保持显示状态。 这是正确的方法吗？ 如果是这样，有人可以帮助我让这个脚本工作吗？ 谢谢！ $(‘.block’).live(“mouseenter”,function(){ var id= $(this).attr(‘id’); $(‘#arrowPreview’+id).show(); }).live(“mouseleave”,function(){ var id= $(this).attr(‘id’); $(‘#arrowPreview’+id).hide(); }).live(“click”,function(){ var id= $(this).attr(‘id’); $(‘#arrowPreview’+id).show(); $(this).unbind(“mouseleave”); }); 谢谢！

通过从正常的clickevent提交post操作来阻止页面刷新

我的问题是我可以阻止从此代码刷新页面 正如您所看到的，我从正常的click_event提交了一个post操作，因为live不支持提交事件。 jQuery(‘.verwijder’).live(‘click’, function() { t=$(this); t.parents(“.paneltbnote”).animate({ opacity: ‘hide’ }, “slow”,function(){ t.parents(“.wrappertbnote”).remove(); settbnotecounter(); $db_tbnoteid = t.parents(1).children(‘.frmnoteid’).val(); $.post(“tbnotesact.php”, { noteid: $db_tbnoteid, actie: “verwijder”, tijd: timestamp }, function(xml) { // hier nog iets doen berichtentoevoegen(xml);//feedback });//einde post methode });// einde callback animate methode return false; });//einde binding click event

addClass（）然后单击removeClass（）（jquery）

我想做一些画廊。 想要使用addClass来显示图像，然后点击同一个地方删除这个新类我用谷歌搜索求助，但是在试图让它正常工作一小时之后，我就是在寻求帮助。 我在这里找到了反向选项的解决方案（首先删除并添加） 码： #window { width: 570px; height: 455px; position: relative; background-color: grey; padding: 20px; margin: 0 auto; top: 50%; margin-top: -225px; } .image { display: inline-block; margin: 5px; } #wrapper { width: 568px; height: 455px; position: absolute; } .close { display: none; } .big_image{ width: 100%; display: block; } $(document).ready(function(){ $(‘.image’).nailthumb({containerClass:’image’,height:100, width:100, fitDirection:’center’, […]

Jquery，从点击获取url并传递给对话框中的确认按钮

我有这个jquery代码： $(“#deletec-box”).dialog({ autoOpen: false, resizable: false, height:230, modal: true, buttons: { “Confirm”: function() { window.location = ‘hrefurlfromclick’; $(this).dialog(“close”); }, Cancel: function() { $(this).dialog(“close”); } } }); $(“#deletec-confirm”).click(function() { $(“#deletec-box”).dialog(“open”); return false; }); 然后在页面中我有一个调用对话框的链接： Delete 我的问题是如何获得href的值，如果该人确认它加载了他们最初点击的链接？