Tag: 触发

使用Jquery触发CSS动画

我有一个CSS动画,我想点击按钮触发它,然后链接到另一个页面。 是否还有一种方法可以在页面加载后立即播放动画? 提前致谢! Untitled Document $(document).ready(function(){ $(“.main-btn”).mouseup(function(){ $(“.wrapper”).reload(); }); }); click @charset “UTF-8”; .main-btn { opcacity:1.0; position:absolute; width:172px; height:172px; } .main-btn:hover { opacity:0.7; } .btn-txt { width:100%; height:100%; z-index:-100; text-align:center; position:absolute; margin-left:-10px; top:11%; font-family:Arial; text-transform:uppercase; color:#FFF; font-size:2.5em; } .wrapper { width: 172px; /* Set the size of the progress bar */ height: 172px; position: absolute;/* […]

无法通过ID使用JQuery在Datalist中找到元素

下面是一个渲染的Datalist。 似乎$(’#ctl00_ContentPlaceHolder1_ShowListing_DataList1 $ 3 $ 0 $ inquire’)。click(function(){…}不起作用,因为当我点击其中一个按钮(在DataList上)时,这些按钮意味着触发此function,什么都没发生。 如何使用JQuery按ID查找按钮? 因此,如果单击DataList上的任何按钮,基本上应该触发该函数。 谢谢。 $(function() { $(‘#ctl00_ContentPlaceHolder1_ShowListing_DataList1$3$0$enquire’).click(function() { $(‘#enquireOverlay’).fadeIn(‘fast’, function() { $(‘#box’).animate({ ‘top’: ‘160px’ }, 500); }); }); $(‘#boxclose’).click(function() { $(‘#box’).animate({ ‘top’: ‘-200px’ }, 500, function() { $(‘#enquireOverlay’).fadeOut(‘fast’); }); }); });

Jquery – 模拟单击​​按钮不会触发function

好, 所以我一直在使用firebug以及我写的一些扩展,以便在我经常使用的网站上创建快捷方式。 我不明白为什么它不起作用或为什么它不可能: 示例代码: //This will add a new row to the current table. //The function is defined by the website (not my function) 使用firebug时: jQuery(“#addRow”).click(); //This will simulate the button click, and will automatically add the new row. 使用谷歌浏览器扩展程序时: jQuery(“#addRow”).click(); //It doesn’t add the new row. 一旦按钮发生单击,为什么扩展不能执行该function,为什么firebug在运行它时没有问题? 这是正常的吗? 这是安全function吗? 或者我做错了什么? 我知道出于安全原因我无法访问网站中的现有function,但为什么按钮模拟不能为我触发它?

触发$(窗口).scroll();

当我调用$(“body”).animate({scrollTop: someValue}); 我想要$(window).scroll(function() { }); 也被称为。 我怎样才能做到这一点? 我尝试过$(window).trigger(“scroll”)和$(window).triggerHandler(“scroll”)但没有成功。 代码 编辑:问题解决了。 我的$(window).scroll(function() { });有一个if $(window).scroll(function() { }); 那导致了这个问题。

滚动时jquery动画延迟

我目前正在努力与jquery动画。 它只是一个小动画来改变滚动的高度和不透明度。 问题是,当我滚动时,动画不会流畅地运行。 当我滚动得很慢时,动画没有及时完成。 就像它停止直到我停止滚动。 jQuery的: $(window).scroll(function(){ if ($(window).scrollTop() > 0){ //$(‘#navigation’).addClass(‘scroll’); $(‘#navigation’).stop().animate({height: ’92px’}); $(‘#navigation .bg’).stop().animate({opacity : ‘.85’}); } else { //$(‘#navigation’).removeClass(‘scroll’); $(‘#navigation’).stop().animate({height: ‘142px’}); $(‘#navigation .bg’).stop().animate({opacity : ‘0’}); } }); CSS: #navigation { width: 1350px; position: fixed; z-index: 2000; background: -moz-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.75)), […]

jQuery .click()不会在使用.wrapInner()动态创建的链接上触发

我遇到了这个脚本的问题,对于我的生活,我无法弄清楚它有什么问题。 快速浏览我的内容: HTML: test reset jQuery: // Main function $(“[id^=wildcard_]”).children(‘div’).children(‘a’).click(function() { $(this).replaceWith($(this).text()); }); // Temporary reset function $(“a.reset”).click(function() { $(“[id^=wildcard_]”).children(‘div’).wrapInner(”); }); “测试”链接正常工作,因为它应该是第一次被点击 – 它被转换为纯文本)。 为了不在这里粘贴大部分脚本,我创建了一个临时函数,它将包装div的内容,将“test”纯文本转换回链接。 这就是它变得混乱的地方 – 第一个函数的.click()监听器将不再在这个动态创建的链接上触发,而FireBug不会抛出任何错误或警告。 你也可以在JSfiddle上看到这个: http : //jsfiddle.net/rWz69/ 任何有关这方面的帮助都将不胜感激!

jQuery Mousemove:触发更改5px

出于多种技术原因,我在jQuery上实现了自己的’draggable’function,而不是使用jQuery UI,我正在使用mousedown和mousemove事件来监听用户试图拖动元素。 它到目前为止工作得很好,我只想每隔5像素运动启动一次mousemove事件,而不是像素一样。 我试过编码很简单: $(‘#element’).bind(‘mousemove’, function(e) { if(e.pageX % 5 == 0) { // Do something } }); 但是,每5个像素的移动不稳定,有时如果移动鼠标太快,它将跳过几个步骤。 我认为这是因为当快速移动鼠标时,jQuery不会触发每个像素的事件。 你们知道如何每5个像素触发一次事件吗? 非常感谢, 安东尼奥

触发多事件

我可以在trigger()中触发多事件或在JQuery中链接它们吗? 例如: $(element).trigger(‘event1 event2 event3’); 要么 $(element).trigger(‘event1’).trigger(‘event2’); 要么 $(element).trigger(‘event1’); $(element).trigger(‘event2’);

以编程方式触发ResponsiveSlides.js

我正在使用ResponsiveSlides.js ,我正在尝试以编程方式更改幻灯片。 我尝试过两种方式,但两种方式都没有。 从缩略图上的单击事件调用插件的slideTo函数,传递它应该去的幻灯片的索引。 在 上使用.trigger(“click”)对应于它应该去的幻灯片的索引,例如: $(“。rslides_tabs li”)。eq($ theIndex).trigger(“click”);

对于自定义事件,jQuery触发器不会使用bind()或on()触发

任何人都可以告诉我为什么这段代码不起作用? $(‘body’).on(‘test’, function() { alert(‘test’); }); $(‘body’).trigger(‘test’); 我正在使用jquery-1.7.2.min 。 我没有得到任何错误,只是没有任何反应。 我已经尝试将代码放在内联脚本中,在$(document).ready() ,但仍然没有。 我也尝试了on()和bind() ,但都没有结果。 我看到所有示例都显示相同的语法,所以有什么不同呢?