funktioniert nicht jquery in einem Ajax geladenen Teil

Question

ich geladen einige Seiten Ajax mit Ajaxtabs und ich in Seiten jquery & Eulenkarussell verwendet, aber nach dem Laden von Teilen, funktioniert jquery nicht und owl Klassen und Stile zu divs gegeben.

meiner Homepage:

<div class="tabsbar"> 
    <ul id="countrytabs" class="tabsheader container"> 
    <li><a href="#" rel="#default" class="selected">first tab no ajax</a></li> 
    <li><a href="one.php" rel="countrycontainer">test tab ajax</a></li> 
    <li><a href="two.php" rel="countrycontainer">test tab ajax</a></li> 
    <li><a href="three.php" rel="countrycontainer">test tab ajax</a></li> 
    </ul> 
</div> 
<div id="countrydivcontainer" class="tabsbody"> 
<p>first tab content that no ajax</p> 
</div> 

one.php & two.php & three.php meine Wordpress benutzerdefinierte Seiten

verknüpfen sind

in one.php:

<?php /* Template Name: CustomPage1 */ ?> 
<div class="products"> 
    <?php 
     $args = array('post_type' => 'product', 'posts_per_page' => 10, 'product_cat' => 'print', 'orderby' => 'rand'); 
     $loop = new WP_Query($args); 
     while ($loop->have_posts()) : $loop->the_post(); global $product; ?> 
       <div class="product item"> 

        <a href="<?php echo get_permalink($loop->post->ID) ?>" title="<?php echo esc_attr($loop->post->post_title ? $loop->post->post_title : $loop->post->ID); ?>"> 

         <?php woocommerce_show_product_sale_flash($post, $product); ?> 

         <?php if (has_post_thumbnail($loop->post->ID)) echo get_the_post_thumbnail($loop->post->ID, 'shop_catalog'); else echo '<img src="'.woocommerce_placeholder_img_src().'" alt="Placeholder" width="287px" height="227px" />'; ?> 

         <h3><?php the_title(); ?></h3> 

         <span class="price"><?php echo $product->get_price_html(); ?></span> 

        </a> 

        <?php woocommerce_template_loop_add_to_cart($loop->post, $product); ?> 

       </div> 

    <?php endwhile; ?> 
    <?php wp_reset_query(); ?> 
</div> 

<script type='text/javascript'> 
$(document).ready(function(){ 
$('.products').owlCarousel({ 
    loop:true, 
    responsiveClass:true, 
    responsive:{ 
     0:{ 
      items:2, 
     }, 
     768:{ 
      items:4, 
     }, 
     992:{ 
      items:6, 
     } 
    } 
}); 
}); 
</script> 

, wie Sie siehe ich 10 Woocommerce Post in einer Seite gespeichert und ich möchte es als Ajax laden, die HTML-Codes geladen gut, aber die Jquery funktioniert nicht auf diese Ajax geladenen Teile.

ein anderes seltsames Problem, wenn ich das Karussell in der ersten Registerkarte in #countrydivcontainer platzieren, die nicht Ajax für die erste Ansicht im Browser funktioniert ordnungsgemäß, aber wenn ich zwischen den Tabs wechselte und andere Teile laden und wieder auf den ersten Tab, das funktioniert auch nicht .

Answer 1

Überprüfen Sie anrufen neueste jQuery

check also that you have added wp_head(); in header.php and wp_fooer(); in footer.php