Wordpress主题制作,首页文章是自动生成的,我用来一个inpost样式来处理所有的文章。这样我想在每条文章的侧边做一个装饰条,需要设定“装饰条的高度=自动生成文章的高度”。但是所有的文章DIV的样式是一样的,这样用 $(".broadside").height($(".inpost").height()+22);来处理的时候,height也是一样的(默认第一个),怎么才能动态读取到不同的高度呢?分不大多~~~jQueryWordPress
调试欢乐多
//this对象为当前.inpost
var d=$(this)//.......//...通过jquery对象找到对应的.broadsided.height($(".inpost").height()+22);
});
正是要根据自动.inpost的高度来设定.broadside的高度。
d.height($(".inpost").height()+22);
});最好发html代码,发这种关系图看不出详细的DOM关系,因为css可以修改布局
<?php if(have_posts()) : ?>
<?php while(have_posts()) : the_post(); ?>
<div class="post">
<div class="broadside"></div>
<div class="inpost">
<div class="the_title" > <a href=<?php the_permalink(); ?>>
<?php the_title(); ?>
</a>
<p class="postmetadata">
<?php _e('归类于:'); ?>
<?php the_category(', ') ?>
<?php _e('by'); ?>
<?php the_author(); ?>
<?php edit_post_link('编辑', ' | ', ''); ?>
</p>
</div>
<div class="entry" >
<?php the_content(); ?>
<p class="postmetadata">
<?php comments_popup_link('没有评论 »', '1 评论 »', '% 评论 »'); ?>
</p>
</div>
</div>
</div>
<?php endwhile; ?>
<?php endif; ?>
</div>
$(".inpost").each(function(){
var d=$(this).prev();//
d.height($(".inpost").height()+22);
});
});
});和
$(function(){});效果是一样的
re:
不懂,你要问代码是不是必需都代码放到load事件中?如果你的代码运行依赖于dom树的完整需要放到load中!!如果是给某元素绑定事件处理函数不需要放到load中