0

我已经接管了一个 WordPress 站点，该站点在单击另一个 div 中的链接时使用 jquery 在框架中显示/隐藏内容。这在除 IE7 之外的所有浏览器中都能完美运行。在 IE7 中，什么也没有发生。什么都没有。而且它不会抛出任何错误。这是我正在使用的代码

HTML：

<div id="campaignCards" class="contentBody">
<?php $args = array( 
   'post_type' => 'home_promos', 
   'posts_per_page' => 8,
   'order' =>'ASC' );
     $postcount = 0;
    $loop = new WP_Query( $args );
    while ( $loop->have_posts() ) : $loop->the_post(); ?>
     <a class="slideLink" href="<?php if(get_post_meta($post->ID,     
         'mcb2b_home_promos_link', true)) { echo get_post_meta($post->ID,   
         'mcb2b_home_promos_link', true); } ?>">
     <div class="campaign_card" id="card<?php echo $postcount; ?>">
       <?php the_content();?>
     </div>
     </a>
      <? $postcount++; endwhile; ?> 
</div>          
<div id="homebuttons">
<ul>
    <?php $args = array( 
    'post_type' => 'home_promos', 
    'posts_per_page' => 8,
    'order' =>'ASC' );
      $postcount = 0;
       $loop = new WP_Query( $args );
       while ( $loop->have_posts() ) : $loop->the_post(); ?>
    <li class="campaignPicker">
       <a href="javascript:showonlyone('card<?php echo $postcount; ?>');">
            <?php if (has_post_thumbnail()) {the_post_thumbnail();} ?>
       </a>
    </li>
      <?php  $postcount++; endwhile; ?>
</ul>
</div>

JS

function showonlyone(thechosenone) {
      var campaign_card = document.getElementsByTagName("div");
            for(var x=0; x<campaign_card.length; x++) {
                  name = campaign_card[x].getAttribute("class");
                  if (name == 'campaign_card') {
                        if (campaign_card[x].id == thechosenone) {
                        campaign_card[x].style.display = 'block';
                  }
                  else {
                        campaign_card[x].style.display = 'none';
                  }
            }
      }
}

我认为问题出在var campaign_card = document.getElementsByTagName("div");但我不熟练使用 jquery 在 IE 中进行调试。任何帮助将不胜感激。

谢谢

4

2 回答 2

1

好吧，您的代码似乎根本没有使用 jQuery。如果您想使用 jquery 的强大功能，我建议您阅读此处的教程。

无论如何，对于您的问题，您想试试这个：

function showonlyone(thechosenone) {
  $(".campaign_card").hide();
  $("#" + thechosenone).show();
}
于 2013-02-19T20:40:15.693 回答
0 
function showonlyone(thechosenone) {
  $('div#' + thechoenone).css('display', 'block');
  $('div.campaign_card').css('display', 'none');
}

试试这个而不是你的函数。请注意，您需要确保已将 jQuery 库作为项目的一部分包含在内。

于 2013-02-19T20:43:51.240 回答