Wordpress主题制作,首页文章是自动生成的,我用来一个inpost样式来处理所有的文章。这样我想在每条文章的侧边做一个装饰条,需要设定“装饰条的高度=自动生成文章的高度”。但是所有的文章DIV的样式是一样的,这样用 $(".broadside").height($(".inpost").height()+22);来处理的时候,height也是一样的(默认第一个),怎么才能动态读取到不同的高度呢?分不大多~~~jQueryWordPress

解决方案 »

  1.   

    用css实现不了吗?你不就是因为每一行的高度不同,要用js取得行的高度
      

  2.   

    .broadside和.inpost什么关系?通过遍历.inpost,通过关系获取到.broadside来设置就行了$(".inpost").each(function(){
    //this对象为当前.inpost
     var d=$(this)//.......//...通过jquery对象找到对应的.broadsided.height($(".inpost").height()+22);
    });
      

  3.   

    新手,经验不足。因为是自动生成的,高度是根据内容的多少自动设定的,不知道怎么用CSS设定高度等于内容的高度。
      

  4.   

    .broadside和.inpost是平级的,关系图如下:
    正是要根据自动.inpost的高度来设定.broadside的高度。
      

  5.   

    $(".inpost").each(function(){ var d=$(this).prev();//
     
    d.height($(".inpost").height()+22);
    });最好发html代码,发这种关系图看不出详细的DOM关系,因为css可以修改布局
      

  6.   

    <div id="post-fluid">
      <?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('归类于&#58;'); ?>
              <?php the_category(', ') ?>
              <?php _e('by'); ?>
              <?php the_author(); ?>
              <?php edit_post_link('编辑', ' &#124; ', ''); ?>
            </p>
          </div>
          <div class="entry" >
            <?php the_content(); ?>
            <p class="postmetadata">
              <?php comments_popup_link('没有评论 &#187;', '1 评论 &#187;', '% 评论 &#187;'); ?>
            </p>
          </div>
        </div>
      </div>
      <?php endwhile; ?>
      <?php endif; ?>
    </div>
      

  7.   

    用我发的#5代码就行了,prev得到上一个节点,注意要放到load事件中执行才行$(function(){
    $(".inpost").each(function(){
     
     var d=$(this).prev();//
      
    d.height($(".inpost").height()+22);
    });
    });
      

  8.   

    用$(document).ready行不行,应该怎么写?
      

  9.   

    jQuery(document).ready(function($) {
    });和
    $(function(){});效果是一样的
      

  10.   

    额,刚接触jQuery,不知道。那是不是必须得放在load事件里面了?应该怎么写?原谅我这么罗嗦~~~
      

  11.   

    那是不是必须得放在load事件里面了?应该怎么写?
    re:
    不懂,你要问代码是不是必需都代码放到load事件中?如果你的代码运行依赖于dom树的完整需要放到load中!!如果是给某元素绑定事件处理函数不需要放到load中
      

  12.   

    OK,谢谢,明白了,好好看了下load事件~~~