使用 jquery 幻灯片时,某些 css 直到幻灯片之后才会应用
我正在制作一个 html5 网站。我遇到问题的页面是 http://yamikowebs.com/blog.php 现在我正在处理复制/粘贴链接。当您单击它时,其他链接会从左侧滑入。 由于某种原因,我的锚点带有下划线并内联显示,直到动画完成。有解决办法吗?
$(".blogLinks>article").hide(0);//hides all boxes
$("#blogDirectory>ul>li").click(function()
{
switch ($(this).index())//check which one
{
case 1:
$("[title=0]").show("slide", { direction: "left" }, 1000);//animate it
break;
}
});
I'm making an html5 website. the page I'm encountering the issue is http://yamikowebs.com/blog.php
right now I'm working on the copy/paste link. when you click it the other links slide in from the left.
for some reason my anchors are underlined and display inline until the animation is done. is there a fix for this?
$(".blogLinks>article").hide(0);//hides all boxes
$("#blogDirectory>ul>li").click(function()
{
switch ($(this).index())//check which one
{
case 1:
$("[title=0]").show("slide", { direction: "left" }, 1000);//animate it
break;
}
});
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
当动画发生时,您的 div 被包装在一个带有 ui-effects-wrapper 类的临时 div 中。动画完成后,您的
article
元素将显示为blogLinks
的子元素,并设置适当的样式,但在此之前,article
元素是一个.ui-effects-wrapper
的子级。尝试将相同的样式应用于
.ui-effects-wrapper a
While the animation is taking place, your div is wrapped in a temporary div with a class of
ui-effects-wrapper
. Once the animation is complete, yourarticle
element appears as a child ofblogLinks
and is styled appropriately, but until then, thearticle
element is a child of.ui-effects-wrapper
.Try applying the same style to
.ui-effects-wrapper a