草庐IT

core-animated-pages

全部标签

ASP.NET AJAX : Firing an UpdatePanel after the page load is complete

我确定这很容易,但我想不通:我有一个带有一些UpdatePanel的ASP.NET页面。我希望页面完全加载UpdatePanel中的一些“请稍候”文本。然后,一旦页面完全加载,我想调用一个代码隐藏函数来更新UpdatePanel。关于我需要什么样的Javascript和代码隐藏组合来实现这个想法,有什么想法吗?萨尔PS:我已经尝试将我的函数调用放在Page_Load中,但是随后代码在页面交付之前运行,并且由于我想要运行的函数需要一些时间,页面只需要加载时间太长。 最佳答案 我摆弄了ScriptManager的建议-我认为我最终会开始

javascript - AngularJS $animate.enter 不添加 ng-enter 和 ng-enter-active 类

我正在尝试将$animate服务合并到我自己的指令中。我无法进入并离开以实际设置动画。奇怪的是,使用$animate.enter,元素附加到DOM,回调函数触发。但似乎从未添加ng-animate、ng-enter和ng-enter-active类。该元素只是简单地附加到DOM而没有动画。回调函数触发,但它会立即触发,而不是在应该发生的动画持续时间之后触发。leave也会发生同样的事情;元素立即从DOM中删除,回调立即触发;没有动画。$animate.entervarapp=angular.module('TestAnimation',[]);app.controller('TestA

javascript - <paper-input> 或 <core-input> 元素上的 polymer focus()

有没有办法聚焦core-input或paper-input元素?我想要实现的是:将光标设置为输入元素,以便用户可以开始输入。这样他就不会在写之前被迫点击元素。 最佳答案 core-input现在有一个.focus()方法,它委托(delegate)给内部的focus()来自core-input.html代码:focus:function(){this.$.input.focus();}这意味着在您自己的代码中您需要像下面这样调用它:elem[0].focus()在我自己的例子中,我从timeout调用focus。在这种情况下,bin

javascript - 如何在page.evaluate中执行page.render?

我确实想渲染我的页面并在评估函数中退出PhantomJS,因为我想在触发特定事件时触发它。我试过这样的:page.evaluate(page,function(page,phantom){//dosomestuffonmypage//iwanttoexecutethisinaneventhandlerofmypagethoughthatsnottheproblempage.render('imgName.png');page.render('pdfName.pdf');phantom.exit();},page,phantom);这在我的示例中不起作用,因为page.render似乎未

javascript - jQuery .animate() 问题

我正在尝试为无序列表的图像制作类似自动滚动/旋转木马的功能。当您将鼠标悬停在包含的div上时,它会调用一个函数,该函数的作用是为上的边距设置动画。$(".thumbs").animate({"margin-top":(currentMargin-10)+"px"},function(){console.log("margin-top"+(currentMargin-10)+"px");running=false;});我在日志中看到了我想要的正确值,即动画认为它已完成...但我的div没有任何变化。对于可能导致动画功能无法按预期工作的原因,是否有人有任何见解?谢谢

javascript - jQuery Animate() 和 BackgroundColor

我正在尝试通过使用JQuery更改背景颜色来创建简单的脉冲效果。但是,我无法让backgroundColor进行动画处理。functionshow_user(dnid){/*dnidisHTMLIDofadiv.*/if(!$(dnid).is(':visible')){$(dnid).show()}$('html,body').animate({scrollTop:$(dnid).offset().top});$(dnid).animate({backgroundColor:"#db1a35"},1200);}奇怪的是这个替代动画有效:$(dnid).animate({opacity

Javascript 警报 - 删除 "The page at ??? Says"

我有一个表单,我正在使用Javascript来验证表单,因此如果您将字段留空,它会提示“请填写您的姓名”。如果我直接转到链接,它会完美运行。但这有点像Widget,所以我使用iFrame将它嵌入到其他站点中。当我嵌入它并单击带有空白字段的提交时,它显示:页面位于http://www.example.com说:请填写您的姓名有没有办法摆脱它? 最佳答案 不,没有。这是一种反网络钓鱼功能。如果你想要一个没有它的对话框,那么你必须在你的页面中使用HTML元素来伪造它。 关于Javascript

javascript - 涡轮链接 5 : Add external javascript file from other site in a specific page

我正在使用turbolinks5beta1对于某些特定页面,我想加载一个外部javascript文件。在我的示例中,我有一个联系人页面,我想在其中通过加载googlemapsapi来显示map。它不应在访问根页面时加载,但稍后会在单击联系人页面的链接后被包含。Yieldingajavascriptscripttag在Turbolinks2中工作。但似乎不再工作了。有可能检查javascript是否已经加载,如果需要则异步加载它。像这样:loadScript=(src,callback)->script=document.createElement("script")script.typ

javascript - 边界半径 + 溢出 :hidden when animating with jQuery

检查这个jsFiddle.橙色条用作进度条,圆圈下的值是进度条应该多高。知道为什么overflow:hidden;被忽视了吗?如何解决这个问题?显然,圆圈外不应有任何内容。还有更好的解决方案吗? 最佳答案 稍微修改了你的fiddle。Hereisthelink修改:将.outerContainercss从display:table更改为display:block并将margin-top:30px添加到pCSS检查这是否适合您。 关于javascript-边界半径+溢出:hiddenwhe

javascript - 即使在异步加载资源后,Google Page Speed 仍然会出现渲染阻塞问题

GooglePageSpeedInsights"Trytodeferorasynchronouslyloadblockingresources,orinlinethecriticalportionsofthoseresourcesdirectlyintheHTML."上述问题提示我需要2个样式表。因此,我使用以下代码加载样式表以延迟样式表的加载。window.onload=loadResource;functionloadResource(){css_array=[resource1,resource2];css_init(css_array);}functioncss_init(hr