Intro.js önyükleme modeliyle ve AJAX

intro.js ile ilgili bir sorun yaşıyorum. Modal üzerinde odaklanmaya çalıştığımda çalışmıyor. Sorunun div olduğunu düşünüyorumIntro.js önyükleme modeliyle ve AJAX

var Xhtml = '<div class="modal fade".........'

sayfa yüklendiğinde

, biz AJAX kullandıkları için DOM Modal içermez ve Modal gibi bir metin değişkeninin içerdiği yükleme sırasında mevcut değil.

Birisi bana yardımcı olabilir mi?

Hassas: Modal sayfasını doğrudan sayfaya yazamam.

kaynak

2016-03-23 Jobel

Görünüşe göre, “intro.js”, DOM hazır olduğunda DOM'ta olmayan öğeyle iyi çalışıyor. Bu gibi: http://jsbin.com/kuhopo/edit?html ,js, çıkış –

Cevabınız için çok "Mosh Feu" teşekkürler; ama üzgünüm, yeterince kesin vermedim. Umarım bir dahaki sefere yeteri kadar ayrıntı veririm. Sadece bir soru: - '$ (' body ') kullandığımızda (modal);
'$ (document) .ready();' olmadan, fonksiyonun daha önce çalıştırıldığından emin misiniz? DOM'ın yüklenmesi? İkinci sorun, modal'ı veri kullanıcısına göre eklememizdir ve modal'ı yüklemeye eklemiyoruz fakat kullanıcılar belirli eylemler gerçekleştirdiğinde (yükü eklemeyi reddediyoruz) ... Yani, koşabiliriz intro.js betikleri aynı anda çalışır ve çalışır mı? Tekrar teşekkürler! – Jobel

Pazar gününe kadar bunu kontrol edemiyorum. O zamana kadar, lütfen özel durumunuza sahip bir snippet veya bin oluşturun, böylece tam olarak gereksinimlerinizi anlayabileyim. –

DOM for elements öğelerini yeniden gözden geçirmek için onbeforechange() öğesini kullanabilirsiniz. Böyle bir şey:

İşte

introguide.onbeforechange(function(targetElement) { 

    // Cycle through each step as defined in the options 
    introguide._options.steps.forEach(function(value, key) { 

    // Look for the element in the DOM 
    var element = typeof value.element == 'string' ? document.querySelector(value.element) : value.element; 

    // If the element now exists, update the items 
    if (element) { 
     introguide._introItems[key].element = element; 
    } 

    }); 

});

sizin jsbin değiştirilir: https://jsbin.com/kisekofuma/edit?html,js,output

Sen umutla yardımcı olduğunu davranmaya modal ancak bazı CSS ince ayarları gerekebilir.

kaynak

2016-05-06 15:30:19

Görünüşe göre JavaScript "" document.querySelector ('') "' jQuery'nin "$ ('selector') '' ndan daha iyi çalışıyor. – Jobel

Intro.js önyükleme modeliyle ve AJAX

cevap

İlgili konular