javascript - 单击内容中的链接不起作用(非 CSS 问题)

Question

我有一个 Wordpress + Webpack 主题，其中包含用于职业的自定义帖子类型存档页面。 问题是内容中的链接均不可点击(breacrumbs(yoast 模块)、内容链接、帖子永久链接)。这个问题最近出现了。标题菜单工作正常。

到目前为止我已经尝试过:

• 删除内容文本:无效
• 删除帖子列表以查看问题是否仅与列表相关
• 尝试将后循环移动到另一个模板:仍然无法点击
• 绝对位置CSS来查看是否有任何重叠:没有效果
• 删除所有样式，仅保留 html:没有效果
• 禁用所有插件:没有效果。
  • 奇怪的是，它有时可以在 Safari 上运行，但看不到其中的逻辑(但在 Firefox、Opera、Chrome 上不行)
  • 本地安装也不存在此问题(主题的代码库相同)

职位列表存档模板如下所示:

<?php /* Template Name: Jobs  */ ?>

<?php get_header(); ?>
<div id="primary" class="content-area">
  <main id="main" class="site-main" role="main">
      <div class="page-content">  

        <div class="jobs-listing">
          <div class="blob-wrap">
            <div class="blob blob-right-top"><img src="<?php bloginfo('template_url'); ?>/assets/page-blob_4.svg" alt="NEXD Blob"></div>
            <div class="blob blob-left-top is-hidden-mobile"><img src="<?php bloginfo('template_url'); ?>/assets/blog-blob.svg" alt="NEXD Blob"></div>
            <div class="blob blob-left-bottom"><img src="<?php bloginfo('template_url'); ?>/assets/table-blob-left.svg" alt="NEXD Blob"></div>
          </div>
          <div class="positions-wrap above-fold_wrap">
              <div class="container positions-container">

                  <div class="breadcrumbs">
                        <?php if ( function_exists('yoast_breadcrumb') ) { yoast_breadcrumb('<p id="breadcrumbs">','</p>'); } ?>
                  </div><!-- breadcrumbs -->
                  <div class="columns is-centered" data-aos="fade-up">
                      <div class="column">
                          <div class="positions-title has-text-centered columns is-centered">
                            <div class="column is-8">
                              <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
                                  <?php the_content(); ?>
                              <?php endwhile; endif; ?>
                              <img src="<?php bloginfo('template_url'); ?>/assets/scroll-mouse--blue.svg" alt="Scroll icon">
                            </div>
                          </div><!-- title -->
                              <div class="positions columns">
                                  <?php $args = array(
                                      'post_type' => 'jobs',
                                      'posts_per_page' => -1,  //show all posts
                                      );
                                  $posts = new WP_Query($args); if( $posts->have_posts() ): while( $posts->have_posts() ) : $posts->the_post(); ?>
                                      <div class="column">
                                          <a href="<?php echo get_permalink(); ?>" title="Read more about <?php echo get_the_title(); ?>">
                                          <div class="positions-inner">
                                              <div class="position-title">
                                                  <h3><?php  echo get_the_title(); ?></h3>
                                              </div>
                                              <div class="position-link">
                                                  <span><?php the_field('starting_from'); ?></span>
                                              </div>
                                              <div class="position-locations">
                                                  <img src="<?php bloginfo('template_url'); ?>/assets/icon-map--pin.svg" alt="map-pin"><span class="location-name"><?php the_field('location'); ?></span>
                                              </div>
                                          </div>
                                          </a>
                                      </div>
                                  <?php endwhile; endif; ?>
                                  <?php wp_reset_postdata(); ?>
                              </div>
                          </div><!-- column is-10 -->
                      </div><!-- columns -->
              </div><!-- container -->
          </div><!-- positions -->
        </div><!-- jobs listing-->

      </div>
    </div>
</div><!-- .content-area -->

<?php get_footer(); ?>

当我切换到通用模板时，内容中的所有链接都正常工作，网站的其余部分都正常。

查看here

Answer 1

我测试了您的网站，如果您在加载外部/内部源之前单击链接，则链接有效。因此，您有 2 个选择，尝试查找哪个源阻止您的链接或使用此代码来解决问题:

<div class="column">
<div class="positions-inner">
<a href="https://www.nexd.com/career/technical-writer/" title="Read more about 
 Technical Writer">    
<div class="position-title">
<h3>Technical Writer</h3>
</div>
<div class="position-link">
<span>ASAP</span>
</div>
<div class="position-locations">
<img src="https://www.nexd.com/wp-content/themes/nexd_theme/assets/icon-map--pin.svg" 
alt="map-pin"><span class="location-name">Tallinn, Estonia</span>
</div>
</a>
</div>
</div>

这是 PHP 代码:

 <div class="column">

   <div class="positions-inner">
  <a href="<?php echo get_permalink(); ?>" title="Read more about <?php echo 
  get_the_title(); ?>">
   <div class="position-title">
    <h3><?php  echo get_the_title(); ?></h3>
       </div>
           <div class="position-link">
       <span><?php the_field('starting_from'); ?></span>
         </div>
       <div class="position-locations">
      <img src="<?php bloginfo('template_url'); ?>/assets/icon-map--pin.svg" alt="map-pin"><span class="location-name"><?php the_field('location'); ?></span>
  </div>
  </a>
 </div>
 </div>