Jquery problem inside while loop on wordpress site

Question

jquery not working in after second grid

   <div class="carousel slide carousel1" id="myCarousel1">
      <div class="carousel-inner"><?php 
       $args = array('post_type'=>'post','post_status'=>'publish','orderby'=>'menu_order','order'=>'ASC','posts_per_page'=>'2',
           'tax_query' => array(array('taxonomy' =>'category','field'=>'slug','terms'=>'videos')));
       $team = new WP_Query($args);
       if($team->have_posts()){
           while ( $team->have_posts() ) : $team->the_post();?>
              <div class="item">
                 <div class="panel col-md-4 col-xs-12">                        
                    <div class="panel-header">
                        <h4><?php the_title();?></h4>                                                      
                    </div>  

                 </div>
              </div><?php 
              endwhile;
           }?>                 
       </div>

    </div>

JS

 $(document).ready(function() {

      $( ".panel-header h4" ).click(function() {
            alert('sdfds');
        });
});

If this is not a PHP issue, please do not post PHP. Click edit and then [<>] snippet editor and produce a minimal reproducible example using HTML, CSS and Script — mplungjan
– mplungjan, Commented Apr 27, 2019 at 7:45

Therichpost · Accepted Answer · 2019-04-27 09:55:31Z

1

Try this:

jQuery(document).ready(function($) {
  $( ".panel-header h4" ).each(function() {
      $(this).click(function(){
         alert('sdfds');
      });

    });
});

answered Apr 27, 2019 at 9:55

Therichpost

1,8132 gold badges15 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Jquery problem inside while loop on wordpress site

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related