jQuery Döngüsü Eklentisi Kalıcı Kutunun İçinde Çalışmıyor (Basit Modal Eklenti)

Question

Ayrı sayfalar yerine kalıcı kutularda yeni mesajlar açan bir Wordpress teması geliştiriyorum. sonrası kendi sayfasında olmakla Simple Modal eklentisi kullanıldığında, görüntüler bir liste yerine bir slayt gösterildiğinde

Her yazı için (jQuery Cycle Plugin) resimleri görüntülemek için kullanıyorum görüntü slayt eklentisi inşaat büyük , tamamen düzenimi kırıyor. İşte

sonrası kendi başına böyle görünüyor (slayt ilerletmek için resimlere tıklayın): http://cl.ly/240c3C0i1m1o

Benim eşsiz URL kodlu değil nasıl kalıcı eserler (bkz bu sayfadaki ilk küçük resmini tıklayabilirsiniz

Henüz bir model için): http://cl.ly/3A2J1V2q1T0P

jQuery Döngüsü eklentisi, kalıcı bir içerik tıklatıldığında kalıcı içerik yüklenmeden önce sayfaya uygulandığından dolayı, kalıcı modda çalışmamaktadır. Gerçekten bilmiyorum.

Herhangi bir yardım çok takdir edilecektir. Bu yanıtı, modal kutuyu kullanmama yardımcı olmak için kullandım: Using simplemodal with wordpress. Aşağıdaki temadan bazı alakalı kodları ekledim.

Bu benim header.php dosyasında geçerli: almak için functions.php yılında bu var

$(document).ready(function() { $('.product-images').cycle({ 
    fx:  'none', 
    next: '.slide', 
    timeout: 0 
}); }); 

:

<?php 
     wp_enqueue_script('jquery.cycle.all.min.js', '/wp-content/themes/Goaty%20Tapes%20Theme/js/jquery.cycle.all.min.js', array('jquery')); 
     wp_enqueue_script('product-slideshow', '/wp-content/themes/Goaty%20Tapes%20Theme/js/product-slideshow.js'); 
?> 

Bu product-slideshow.js içinde yer alandır (döngüsü eklentisi ayarlarını başlatır) çalışmak için modal:

function my_print_scripts() { 
     if (!is_admin()) { 
      $url = get_bloginfo('template_url'); 
      wp_enqueue_script('jquery-simplemodal', 'http://66.147.244.226/~goatytap/wp-content/themes/Goaty%20Tapes%20Theme/js/jquery.simplemodal.1.4.1.min.js', array('jquery'), '1.4.1', true); 
      wp_enqueue_script('my_js', 'http://66.147.244.226/~goatytap/wp-content/themes/Goaty%20Tapes%20Theme/js/site.js', null, '1.0', true); 
     } 
    } 
    add_action('wp_print_scripts', 'my_print_scripts'); 

site.js dosya:

jQuery(function ($) { 
    $('a.popup').click(function(){ 
     id = this.rel; 
     $.get('http://66.147.244.226/~goatytap/ajax-handler/?id='+id, function (resp) { 
      var data = $('<div id="ajax-popup"></div>').append(resp); 
      // remove modal options if not needed 
      data.modal({ 
       overlayCss:{backgroundColor:'#FFF'}, 
       containerCss:{backgroundColor:'#fff'} 
      }); 
     }); 
     return false; 
    }); 
}); 

Answer 1

Döngüyü hazır belge üzerinde başlatıyorsunuz. Modal şovda başlatmanız gerekiyor.

bu

data.modal({ 
      overlayCss:{backgroundColor:'#FFF'}, 
      containerCss:{backgroundColor:'#fff'}, 
      onShow: function (dialog) { 
       $('.product-images').cycle({ 
        fx:  'none', 
        next: '.slide', 
        timeout: 0 
       }); 

      } 
     }); 

gibi onların documentation

onShow [Function:null] 
The callback function used after the modal dialog has opened 

şey kontrol