失败日志
--对于那些迫切期待另一个更新(2012年4月30日下午3:23)的人,这就是更新:
我已经通过为我的主容器添加最小高度来解决问题。这是一个不好的修复方式,我很讨厌它——因为我必须针对每个内容进行调整。但这是我目前收集到的唯一解决方案。
最后一分钟提示?...
未成功的更新。2012年4月24日,下午4:35 EST // WildPeaks在下面的评论中确定了问题。
当我的滑块切换时,我需要保持定义的高度。我已经尝试了所指定的SO参考问题中的所有建议,并且尝试了不同的FX,但似乎无法得到语法。我还尝试了不同的FX-帮帮我!!
<script type="text/javascript">
jQuery(document).ready(function($){
$("#photo-rotator").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 6000);
});
</script>
------ 以下是原始问题:
我在无序列表中编写了一些基本的HTML / CSS链接。由于某种奇怪的原因,在某些链接上悬停时,页面会跳动并向上滚动。几乎就像用户已单击“#”一样。但这发生在悬停时?
这是我的完整footer.php
(这是在WordPress网站内)
<?php
/**
* @package WordPress
* @subpackage Default_Theme
*/
?>
<div id="endPage">
<div id="contactus">
<br /><br />
<p>Suggestions? Requests? Feedback? Are you talking about our books?<br />
Send us links to your book reviews and contact us on <a href="http://twitter.com/readitforward">Twitter</a> or <a href="http://www.facebook.com/ReadItForward">Facebook</a> or email us at <a href="mailto:readitforward@randomhouse.com">readitforward@randomhouse.com</a>.
</p>
</div>
<?php //<!-- =-=-=-=-=-=-=-=-=-=BEGIN RH FOOTER-==-=-=-=-=-=-=-=-= --> ?>
<div id="footer" style="margin-top: 30px;">
<div style="float:left;"><img src="http://www.osmproduction.com/RIF/wp-content/uploads/2012/04/RIF-Footerlogo.jpg" style="border:0px;" /></div><br />
<div style="position: absolute; margin-right: -150px; width: 350px; height: 250px; margin-top: 50px; padding-bottom: 15px;">
<ul id="feetnav" style="list-style: none; padding-left: 5px;">
<li class="footlink" style="float:left;"><a href="http://www.osmproduction.com/RIF/?cat=9">Free Books</a></li>
<li class="footlink" style="float:left;"><a href="http://www.osmproduction.com/RIF/?cat=10">Reader Reviews</a></li>
<li class="footlink" style="float:left;"><a href="http://www.osmproduction.com/RIF/?cat=7">Meet the author</a></li>
<li class="footlink" style="float:left;"><a href="http://www.osmproduction.com/RIF/?cat=4">Meet Editor</li>
<li class="footlink" style="float:left;"><a href="http://www.osmproduction.com/RIF/?cat=5">Book Groups</a></li>
<li class="footlink" style="float:left;"><a href="http://www.osmproduction.com/RIF/?cat=10">Favorites</a></li>
<li class="footlink" style="float:left;"><a href="http://www.osmproduction.com/RIF/">All Categories</a></li>
</ul>
</div>
<div id="searchfoot" style="margin-left: 550px; margin-top: 75px;">
<?php get_search_form(); ?>
</div>
<br />
<hr style="color: #fff; border: 1px solid white; height: 1px;" /></hr><br />
<div id="footer_categories">
<div style="">
<ul id="feetnav2" style="list-style: none; padding-left: 5px;">
<li style="float:left; font-color: #000;"><a href="http://www.osmproduction.com/RIF/?cat=9">The Crown Publishing Group</a></li>
<li class="footlink" style="float:left;"><a href="http://www.osmproduction.com/RIF/?cat=10">Books</a></li>
<li class="footlink" style="float:left;"><a href="http://www.osmproduction.com/RIF/?cat=7">Authors</a></li>
<li class="footlink" style="float:left;"><a href="http://www.osmproduction.com/RIF/?cat=4">Communites</li>
<li class="footlink" style="float:left;"><a href="http://www.osmproduction.com/RIF/?cat=5">Features</a></li>
<li class="footlink" style="float:left;"><a href="http://www.osmproduction.com/RIF/?cat=10">Readers Guide</a></li>
<li class="footlink" style="float:left;"><a href="http://www.osmproduction.com/RIF/">Feature Sites</a></li>
<li class="footlink" style="float:left;"><a href="http://www.osmproduction.com/RIF/?cat=10">News</a></li>
<li class="footlink" style="float:left;"><a href="http://www.osmproduction.com/RIF/">Read It Forward</a></li>
<li class="footlink" style="float:left;"><a href="http://www.osmproduction.com/RIF/?cat=10">CrafterNews</a></li>
<li class="footlink" style="float:left;"><a href="http://www.osmproduction.com/RIF/">The Recipe Club</a></li>
<li class="footlink" style="float:left;"><a href="http://www.osmproduction.com/RIF/?cat=10">Books for Better Living</a></li>
</ul>
<p class="copyright">Use of this site indicates your consent to the Terms of Use. Copyright © 1995-2012 Random House, Inc. All rights reserved.</p>
</div>
</div>
</div>
</div>
</div>
<?php
function homepagename() {
$homepagename = "";
if(strlen($_SERVER['REQUEST_URI']) < 2) {
$homepagename = "Read It Forward Homepage";
}
print $homepagename;
}
?>
我也尝试了下面的CSS代码片段(虽然看起来有点奇怪,但还是值得一试的)
.footlink li:hover {
margin: 0px;
}
实时网址 [ http://tinyurl.com/cz6sawg ] (将鼠标悬停在底部几个链接上)
建议我的滑块可能会导致这种情况?但我似乎找不到任何应该引起此问题的代码?滑块代码:
<!-- Top of Page Slider -->
<div id="photo-rotator">
<?php $slide_id=1; ?>
<?php
$featuredPosts = new WP_Query();
$featuredPosts->query("showposts=4");
while ($featuredPosts->have_posts()) : $featuredPosts->the_post();
?>
<div id="slide-<?php echo $slide_id; $slide_id++;?>">
<a href="<?php the_permalink() ?>" class="post-image">
<?php the_post_thumbnail( 'rotator-post-image' ); ?>
<span class="title"><?php the_title(); ?></span>
</a>
</div>
<?php endwhile; ?><!--/close loop-->
<ul id="slide-nav">
<?php $nav_id=1; ?>
<?php while ($featuredPosts->have_posts()) : $featuredPosts->the_post(); ?>
<li>
<a href="#slide-<?php echo $nav_id; ?>">
<span class="thumbnail" style="display:none;">
</span>
<? the_title(); $nav_id++;?>
<div style="">
<!--<?php the_excerpt(); ?>-->
<?php if($text= get_post_meta($post->ID, "slidetext", true)) { ?>
<div class="">
<p style="font-weight: normal; font-size: 14px;"><?php echo $text; ?></p>
</div>
<?php } //else { print"<div>"; } ?>
</div>
</a>
</li>
<?php endwhile; ?><!--/close loop-->
</ul>
</div>
<!-- End Top page Slider -->
以下是JS启动幻灯片的代码:
以下是JS启动幻灯片的代码:
<script type="text/javascript">
jQuery(document).ready(function($){
$("#photo-rotator").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 6000);
});
</script>
< p > (还尝试了删除标记中的UL / LI以及相关的CSS,以防JS产生某种影响。) :(
(也尝试过从标记中剥离UL / LI并使用CSS,以防止JS干扰。):(