Tag: javascript
jQuery Animate（）和BackgroundColor
我正在尝试通过使用JQuery更改背景颜色来创建简单的脉冲效果。 但是，我无法将backgroundColor设置为动画。 function show_user(dnid) { /* dnid is HTML ID of a div. */ if (! $(dnid).is(‘:visible’)) { $(dnid).show() } $(‘html, body’).animate({scrollTop: $(dnid).offset().top}); $(dnid).animate({backgroundColor: “#db1a35”}, 1200); } 奇怪的是，这个替代动画有效： $(dnid).animate({opacity: “toggle”}, 1200); 但这根本不是我想要的。 此外，函数中的show（）和滚动function正常工作。 这只是背景颜色动画。 上面的function由此链接调用Locate Me 有人可以帮助我设置背景颜色的动画吗？ ========= 谢谢大家的帮助。 很多类似的答案。 这就是我最终的结果 在我的标题中 然后在我的show_user函数之后滚动动画。 var bgcol = $(dnid).css(‘backgroundColor’); $(dnid).animate({backgroundColor: “#db1a35”}, 2000); $(dnid).animate({backgroundColor: bgcol}, 2000); 这会产生一个相对快速的红色“脉冲”，吸引用户的眼睛。 再一次感谢你的帮助。
Rails通过ajax闪烁通知
长话短说，我有一个按钮。 点击它，我想要一个ajax请求被触发，它获取flash [：notice]并将其显示在$中的div中 这是我的简短观点： 我在视图中的ajax请求： $(“#search”).submit(function(){ $.ajax({ type: “POST”, url: //url to my show action success: function(data){ /*$(“#notice”).html(“”); $(“#content”).html(data);*/ } }); return false; }); 我的控制器： def HomeController ‘search’ end end 我的show.js.erb #app/views/dashboard_home/show.js.erb $(“#notice”).html(“”); $(“#content”).html(“”); 问题是当我点击按钮时，通知显示正常。 但同样的通知仍然存在于下一次点击中。 搜索部分包含表格请帮忙！
现代jQuery动画中的setInterval（）和setTimeout（）是不是很糟糕？
我用jQuery 1.6的动画遇到了一些问题。 我用jQuery 1.5解决了它。 在我的项目中，我使用setInterval()来制作自定义徽标滑块。 动画一两个即时（不是同时）启动。 当我在页面上时，一切顺利，但是当我进入其他标签并且回归（分钟，两个左右）到我的页面项目时，一切都变得疯狂…… 好的，所以我得到了一个使用Queue()答案。 我可以用这种方法实现同样的目的吗？ 我已经预订了Manning jQuery in Action，并且没有任何关于使用Queue()立即启动动画的内容。 链接到Jsfiddle 引用一些答案： 由于requestAnimationFrame（）的性质，您不应该使用setInterval或setTimeout循环对动画进行排队。
如何在jQuery中连续循环播放动画？
我需要知道如何无限循环这个动画。 这是一个文本滚动动画，我需要它在完成后重复。 这是jQuery： $(document).ready(function(){ $(“.boxtext”).ready(function(){ $(“.boxtext”).animate({bottom:”600px”},50000); }); }); 这是“.boxtext”的CSS .boxtext { position:absolute; bottom:-300px; width:470px; height:310px; font-size:25px; font-family:trajan pro; color:white; }
如果被拒绝，请再次询问地理位置许可
即时通过phonegap构建应用程序，带有地理定位按钮。 如果用户第一次拒绝地理定位权限，当他们再次点击地理定位按钮时，如何再次请求权限？ 我目前的代码结构是： function getLocation() { if(navigator.geolocation) { navigator.geolocation.getCurrentPosition(showPosition, positionError); } else { hideLoadingDiv() showError(‘Geolocation is not supported by this device’) } } function positionError() { hideLoadingDiv() showError(‘Geolocation is not enabled. Please enable to use this feature’) }
Javascript（jQuery）性能测量和最佳实践（不加载时间）
我会马上说这个问题不是关于加载时间; 我了解YSlow，Firebug分析器，以及googlage显示的有关页面组件加载时间的最佳实践和工具。 我想问一下，在改进实际用户体验的过程中，有哪些好的分析工具或库或附加组件可用于测量Javascript（特别是jQuery）的实际执行情况。 例如，在屏幕上测量从点击到可见结果的时间，或者帮助确定基于jQuery的hover效果响应速度慢的原因。 我们注意到当页面/ DOM增长相对较大时（比如，70kb到150kb的HTML，不包括外部CSS，JS和图像），和/或具有非常深的嵌套（从到最深的标签的14-25级别） ），jQuery事件触发得更慢，或者整个JS用户体验变得缓慢。 我也用Google搜索并了解了选择器的最佳实践（例如，通过id选择比选择类更快），我将实现这些实践。 但是，一旦所有jQuery完全加载，并且所有事件都挂起，我们仍然需要改进实际的事件触发和执行。 我已经实现了一些事件委托，并且我确实感觉到拥有更少的钩子DOM元素会让事情稍好一点，但整体体验仍需要大页面的改进。 我应该提一下，由于该站点是AJAX很重（通过AJAX加载批次而不是初始HTTP命中），我们正在大量使用livequery而不是普通的jQuery事件挂钩。 我还要提一下，我们稍微关注IE（7+）的性能，但也需要良好的Firefox性能。 当我开发和进行更改时，我认为我需要一种方法来测量变化前后的速度，因此我可以具体说明变更是否能改善任何事情。 任何提示，工具，库，博客文章，URL？
mousewheel事件在firefox浏览器中没有触发
请参考以下代码。 $(this.element).on(“mousewheel”, this.chartMouseWheel); chartMouseWheel:function(e) { if(e.originalEvent.wheelDelta /120 > 0) { alert(‘scrolling up !’); } else{ alert(‘scrolling down !’); } if (e.preventDefault) e.preventDefault(); e.returnValue = false; }, 这个事件在IE中正确触发，Chrome并没有在Firefox中触发？
将HTML表导出为excel在IE中无效
将HTML表格导出到Excel在Chrome和Firefox中运行良好，但在Internet Explorer 10中无效。 var tableToExcel = (function() { var uri = ‘data:application/vnd.ms-excel;base64,’, template = ‘{table}’, base64 = function(s) { return window.btoa(unescape(encodeURIComponent(s))) }, format = function(s, c) { return s.replace(/{(\w+)}/g, function(m, p) { return c[p]; }) } return function(table, name) { if (!table.nodeType) table = document.getElementById(table) var ctx = { worksheet: name || ‘Worksheet’, table: table.innerHTML […]
使用firebug在JavaScript中查找内存泄漏？
是否有任何Firefox附加组件可用于查找部分JavaScript导致内存泄漏？
如何在浏览器resize时刷新屏幕？
是否可以刷新浏览器大小更改页面？ 我使用一些在页面上创建区域的样式，如果浏览器按比例缩小布局中断。 也许我可以用jQuery检测文档大小的变化？
