0

ユーザーが 'span3 a' を開いた後にクリックすると、'content' div を閉じるのに問題があります。

フェードアウトし、div を一瞬非表示にします。開いた後にコンテンツを閉じるために、span3 a を適切にターゲットにするにはどうすればよいですか?

 $(".span3").on('click', 'a', function (e) {
          var href;
          e.preventDefault();
          href = $(this).attr("href");
          $(".team-loop").find("a").removeClass("active");
          $(this).addClass("active");
          $('#staff_expand').fadeOut().hide();
          $(".content").load(href + " #staff_expand");
        });

HTML 構造:

<div class="content border-bottom" >    </div>
            <div class="row-fluid">
                <ul class="team-loop">
                    <?php $args = array( 'post_type' => 'team', 'posts_per_page' => 30 );
                        $loop = new WP_Query( $args );
                        while ( $loop->have_posts() ) : $loop->the_post();
                            echo '<li class="span3 mobile_width"><a href="' . get_permalink() .  '">';
                            the_content();
                            echo  '<span class="staff_names"><span class="plus"> + </span>';
                            the_title(); 
                            echo '</span></a></li>';
                        endwhile;
                    ?>

                </ul>
            </div>

そして、url から取り込まれるセクションは次のとおりです。

<div class="row-fluid" id="staff_expand">
    <div class="span3">
        <?php echo $content; ?>
    </div>
    <div class="span3">
        <div><?php echo $title; ?></div>
        <div><?php echo $email; ?></div>
        <div><?php echo $number; ?></div>
        <div><?php echo $linkedin; ?></div>
        <div class="add_to_contacts"><?php echo $addcontact; ?></div>
    </div>
    <div class="span6">
    <div class="desc"><?php echo $text1; ?></div>
    <div class="desc"><?php echo $text2 ;?></div>
    </div>
</div>
4

1 に答える 1

0 
$(".span3").on('click', 'a', function (e) {
    e.preventDefault();
    var href = $(this).attr("href");
    $(".team-loop").find("a").removeClass("active");
    $(this).addClass("active");

    $('.content').fadeOut(400, function() {
        $(this).load(href + " #staff_expand", function() {
            $(this).fadeIn(400);
        });
    });
});
于 2013-03-29T12:23:59.310 に答える