2016-04-11 24 views
-2

ajax yoluyla komut dosyası etiketi yüklemeye çalışıyorum, bunu yapmanın yollarından biri de .html jquery işleviyle eklemektir. jquery değişkenine ekle

jQuery(document).ready(function($) { 

    var flexsliderThumg = "jQuery(document).ready(function($){/ \ 
           $(window).load(function() { \ 
            $('#carousel').flexslider({ \ 
             animation: 'slide', \ 
             direction: 'vertical', \ 
             controlNav: false, \ 
             animationLoop: false, \ 
             slideshow: false, \ 
             itemWidth: 143, \ 
             itemMargin: 2, \ 
             asNavFor: '#slider' \ 
            }); \ 
            $('#slider').flexslider({ \ 
             animation: 'slide', \ 
             controlNav: false, \ 
             animationLoop: false, \ 
             slideshow: false, \ 
             sync: '#carousel' \ 
            }); \ 
           }); \ 
          });"; 

     $('.ajax-popup-link').magnificPopup({ 
     type: 'ajax', 
     midClick: true, 
     overflowY: "scroll", 
     alignTop: false, 
     callbacks: { 
     ajaxContentAdded: function() { 
      $(".avish").html("<script>" + flexsliderThumg + "</script>"); 
     } 
    } 
}); 
    }); 
}); 

Ama

nedense senaryo excute değildir:: enter image description here

+0

daki kod çıkarma ajax yere sonra yukarıdaki kütüphaneleri tetiklemek için Bu çalıştı bir dize yapmamak için tırnak çalışması gerekir. –

+3

neden bir dünya javascript ile javascript ekliyorsunuz ?: – madalinivascu

+0

@madalinivascu Ajax ile script etiketini yüklemem gerekiyor ve bu yazıya göre: http://stackoverflow.com/questions/1800585/loading-script-tags-via-ajax Ne Çalışmalıydım .. – Avishay28

cevap

0

başarı fonksiyonu

$('.ajax-popup-link').magnificPopup({ 
    type: 'ajax', 
    midClick: true, 
    overflowY: "scroll", 
    alignTop: false, 
    callbacks: { 
    ajaxContentAdded: function() { 
     $('#carousel').flexslider({ 
     animation: 'slide', 
     direction: 'vertical', 
     controlNav: false, 
     animationLoop: false, 
     slideshow: false, 
     itemWidth: 143, 
     itemMargin: 2, 
     asNavFor: '#slider' 
     }); 
     $('#slider').flexslider({ 
     animation: 'slide', 
     controlNav: false, 
     animationLoop: false, 
     slideshow: false, 
     sync: '#carousel' 
     }); 
    } 
    } 
}); 
+0

Hala çalışmıyor: https://jsfiddle.net/0vsgzev6/ – Avishay28

+0

bir kayıp neden – madalinivascu

+1

bkz https://jsfiddle.net/0vsgzev6/1/ – madalinivascu

İlgili konular