ein Element innerhalb des Artikel-Tags wird 10 Mal dupliziert, alle erhalten die gleichen Klassen, IDs usw.

Question

tl; dr; Irgendein Javascript, das in Wordpress läuft, kopiert mein oberstes Element überall im HTML. Siehe Bild.

Hallo

Ich bin auf diesem Fehler in Wordpress wirklich überrascht, und es ist eigentlich recht einfach zu replizieren. Ich wollte ein

<a class="something" href="a-link"> ... </a> 

all meinen Artikelinhalt wickeln, so dass es wie dieser Code aussehen würde:

 <article id="post-<?php the_ID(); ?>" <?php post_class('col-md-4'); ?>> 
     <a class="hehe" href="google.com"> 
    <?php 
    if (is_sticky() && is_home() && ! is_paged()) { 
     printf('<span class="sticky-post">%s</span>', __('Featured', 'nisarg')); 
    } ?> 
    <?php nisarg_featured_image_disaplay(); ?> 
    <div class="main-image"> 
     <?php if(get_field('main_image')): ?> 
      <img class="img-responsive " src="<?php the_field('main_image'); ?>" /> 
     <?php endif; ?> 
    </div> 
     <?php if(get_field('vacation_type_image')): ?> 
      <img src="<?php the_field('vacation_type_image'); ?>" class="post-vacation-type" /> 
     <?php endif; ?> 
    <header class="entry-header"> 
     <div class="post-header"> 
       <div class="row blog_post_container"> 
        <div class="col-sm-12 blog_post_info_container_col"> 
         <div class="blog_post_info_container"> 
          <div class="blog_post_info_container_margin"> 
           <span class="screen-reader-text"><?php the_title();?></span> 
           <?php if(is_single()) : ?> 
            <h1 class="entry-title blog_post_header"><?php the_title(); ?></h1> 
           <?php else : ?> 
            <h2 class="blog_post_info entry-title"> 
             <?php the_title(); ?> 
            </h2> 
           <?php endif; // is_single() ?> 
           <?php if ('post' == get_post_type()) : ?> 
            <div class="entry-meta"> 
             <h5 class="blog_post_info entry-date"><?php nisarg_posted_on(); ?></h5> 
            </div><!-- .entry-meta --> 
           <?php endif; ?> 
          </div> 
         </div> 
        </div> 
      </div> 
     </div> 
    </header><!-- .entry-header --> 
    <div class="entry-summary row"> 
     <div class="excerpt"> 
      <?php the_excerpt(); ?> 
      <div class="excerpt-footer"> 
       <div class="facebook-button"> 
        <div class="fb-like" 
         data-share="true" 
         data-width="500" 
         data-show-faces="true"> 
         <a class="fb-xfbml-parse-ignore" 
          target="_blank" 
          href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2Fplugins%2F&amp;src=sdkpreparse"> 
         </a> 
        </div> 
       </div> 
      </div> 
     </div> 

    </div><!-- .entry-summary --> 
    <!--<footer class="entry-footer"> 
     <?php nisarg_entry_footer(); ?> 
    </footer> --> 
    </a> 
</article><!-- #post-## --> 

ich das Nisarg Thema verwenden, aber wenn ich ging in dem twentysixteen Thema, und setzt ein:

<a class="something" href="a-link"> ... </a> 

innerhalb dieser content.php wäre es die gleiche Wirkung hat, es Würfe das Element innerhalb des Artikels. dies wie:

Wenn ich in den Quellcode meiner Webseite sehen, nicht ich eine dieser zusätzlichen A-Elemente sehen, so dass sie von einigen Javascript angehängt wird. Nun, da es etwas ist, das in verschiedenen Themen vorkommt, denke ich, dass es etwas mit html5shiv zu tun hat ... Aber ich habe versucht, dieses Skript aus der Gleichung zu entfernen, aber das Problem bleibt - so bin ich irgendwie verloren. Weiß jemand welche Javascript-Bibliothek das so kann ?? Ich habe auch grep verwendet, um nach Javascript-Dateien zu suchen, die a.cloneNode aber keine vorherrscht.

Twentysixteen, Replikation Fehler:

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>> 
<a href="http://www.google.com" class="hehe"> 
    <header class="entry-header"> 
     <?php if (is_sticky() && is_home() && ! is_paged()) : ?> 
      <span class="sticky-post"><?php _e('Featured', 'twentysixteen'); ?></span> 
     <?php endif; ?> 

     <?php the_title(sprintf('<h2 class="entry-title"><a href="%s" rel="bookmark">', esc_url(get_permalink())), '</a></h2>'); ?> 
    </header><!-- .entry-header --> 

    <?php twentysixteen_excerpt(); ?> 

    <?php twentysixteen_post_thumbnail(); ?> 

    <div class="entry-content"> 
     <?php 
      /* translators: %s: Name of current post */ 
      the_content(sprintf(
       __('Continue reading<span class="screen-reader-text"> "%s"</span>', 'twentysixteen'), 
       get_the_title() 
      )); 

      wp_link_pages(array(
       'before'  => '<div class="page-links"><span class="page-links-title">' . __('Pages:', 'twentysixteen') . '</span>', 
       'after'  => '</div>', 
       'link_before' => '<span>', 
       'link_after' => '</span>', 
       'pagelink' => '<span class="screen-reader-text">' . __('Page', 'twentysixteen') . ' </span>%', 
       'separator' => '<span class="screen-reader-text">, </span>', 
      )); 
     ?> 
    </div><!-- .entry-content --> 

    <footer class="entry-footer"> 
     <?php twentysixteen_entry_meta(); ?> 
     <?php 
      edit_post_link(
       sprintf(
        /* translators: %s: Name of current post */ 
        __('Edit<span class="screen-reader-text"> "%s"</span>', 'twentysixteen'), 
        get_the_title() 
       ), 
       '<span class="edit-link">', 
       '</span>' 
      ); 
     ?> 
    </footer><!-- .entry-footer --> 
    </a> 
</article><!-- #post-## --> 

resultierende HTML:

so dass Mittel, einfaches Hinzufügen von aa-Tag direkt nach dem Artikel Tag in so etwas wie content.php dupliziert das ein Tag in allen divs, was mir einfach verrückt erscheint.

Dank

EDIT 1: Hinzufügen Beispiel für "Kern" Wordpress Theme twentysixteen mit exakt den gleichen Fehler.

EDIT 2: Ich kann bestätigen, eine saubere Installation von Wordpress hat genau dieses Problem.

Answer 1

Es gibt einen weiteren <a> im <h2> Titel. Es ist nicht möglich, <a> Tags zu verschachteln. Wenn Sie dies tun, versucht der Browser fix die Struktur des verschachtelten <a> schließen und was Sie sehen, ist das Ergebnis.