2016-04-08 11 views
3

Web sitemde bir öğe kaydırıcı uyguladım. Web sitemi çevrimiçi koymak için ücretsiz bir barındırma hizmeti (000webhost) kullandım, böylece farklı cihazlarda test edebileceğim. ilk kez web sitemi (Link to my website) açtığınızda, bir pop-up ücretsiz barındırma hizmeti gelen görüntülenir, yani ben fark ettim Ne: Bir JS dosyasının yüklenmesini engelleyen bir pop-up

pop-up coming from the free hosting service

Ve pop-up kapattıktan sonra

when there is the pop-up

Sonra sayfayı yenileyin gerekiyor ve hiçbir pop-up olduğunda, normal ekranı göreceksiniz:, ürün normal değil ki, böyle görünüyor kaymak when there is no pop-up

Kaydırıcı normal olarak görüntülenmediğinde, sürgü mükemmel çalışmaz. Pop-up'ın, bazı JavaScript dosyalarının yüklenmesini engellediğini düşünüyorum.

<div class="clearfix"> 
 
\t \t \t <h1>Femme <span>Les articles feminins viennent à vous</span></h1> 
 
\t \t </div> 
 
\t \t 
 
\t \t <div class="main"> 
 
\t \t \t <div id="mi-slider" class="mi-slider"> 
 
\t \t \t \t <ul> 
 
\t \t \t \t \t <li><a href="#"><img src="images/1.jpg" alt="img01"><h4>Boots</h4></a></li> 
 
\t \t \t \t \t <li><a href="#"><img src="images/2.jpg" alt="img02"><h4>Oxfords</h4></a></li> 
 
\t \t \t \t \t <li><a href="#"><img src="images/3.jpg" alt="img03"><h4>Loafers</h4></a></li> 
 
\t \t \t \t \t <li><a href="#"><img src="images/4.jpg" alt="img04"><h4>Sneakers</h4></a></li> 
 
\t \t \t \t </ul> 
 
\t \t \t \t <ul> 
 
\t \t \t \t \t <li><a href="#"><img src="images/5.jpg" alt="img05"><h4>Belts</h4></a></li> 
 
\t \t \t \t \t <li><a href="#"><img src="images/6.jpg" alt="img06"><h4>Hats &amp; Caps</h4></a></li> 
 
\t \t \t \t \t <li><a href="#"><img src="images/7.jpg" alt="img07"><h4>Sunglasses</h4></a></li> 
 
\t \t \t \t \t <li><a href="#"><img src="images/8.jpg" alt="img08"><h4>Scarves</h4></a></li> 
 
\t \t \t \t </ul> 
 
\t \t \t \t <ul> 
 
\t \t \t \t \t <li><a href="#"><img src="images/9.jpg" alt="img09"><h4>Casual</h4></a></li> 
 
\t \t \t \t \t <li><a href="#"><img src="images/10.jpg" alt="img10"><h4>Luxury</h4></a></li> 
 
\t \t \t \t \t <li><a href="#"><img src="images/11.jpg" alt="img11"><h4>Sport</h4></a></li> 
 
\t \t \t \t </ul> 
 
\t \t \t \t 
 
\t \t \t \t <nav> 
 
\t \t \t \t \t <a href="#">Chaussures</a> 
 
\t \t \t \t \t <a href="#">Acccesoires</a> 
 
\t \t \t \t \t <a href="#">Vêtements</a> 
 
\t \t \t \t </nav> 
 
\t \t \t </div> 
 
\t \t </div> 
 
\t </div><!-- /container --> 
 
\t <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
\t <script src="js/jquery.catslider.js"></script> 
 
\t <script> 
 
\t \t $(function() { 
 

 
\t \t \t $('#mi-slider').catslider(); 
 

 
\t \t }); 
 
\t </script>

beni Karşılıklı bu sorunu çözebilir nasıl yardım edin:

Bu ürün sürgüsünü ilişkin koddur. Şimdiden teşekkürler.

+0

Açılır pencere nasıl oluşturulur? Göndermiş olduğunuz kodda göremiyorum. – ManoDestra

+0

Barındırma şirketinin bir çeşit sarıcı eklediğini veya açılır pencereyi gösteren bir komut dosyası enjekte ettiğimi varsayıyorum. P. Lionel, kodun popülasyonu enjekte edip nerede olduğunu sorduğunu araştırabilir mi? –

+0

@ManoDestra, pop-up'ı bir araya getirmiyorum, hosting compay tarafından oluşturuldu –

cevap

1

Eklenen snippet'inizde bunu kontrol edemiyorum. Ama tahmin ettiğim, iki jQuery sürümü arasında bir çatışma var. ready() işlevinden önce jQuery kod etkinliğinizin üst kısmındaki darbe çizgisini eklemeyi deneyin. Ayrıca, iki jQuery sürümünün yüklenmesi olduğuna da dikkat ediniz.

İlk kez: The First visit, when the popup is loading.

İkinci kez: Second time, when the popup is not loading anymore.

fazla bilgi ilk Yüklemede jQuery website

+0

Yardımınızı sağladığınız için teşekkürler @Roy. Hiçbir şey söylemeden önce, jquery'deki bilgimin çok sınırlı olduğunu ve aynı zamanda ana dili İngilizce olan bir kişi olmadığımı itiraf etmeliyim. Sorunumu çözmek için çözümünüzü kullanmaya çalışıyordum ama bir sorun var. Öğeleri kaydırıcıyı etkileyen üç '.js dosyası var:' jquery.catslider.js', 'modernizr.custom.63321.js' ve' jquery.min.js'. Üçünü kontrol ediyorum ve şu satırı eklemek için doğru yeri alamıyorum '$ .noConflict();' Yardımınızı bir kez daha sağlayabilir misiniz?) –

+0

Özel komut dosyanızdan önce onu eklemelisiniz. . Senin durumunda,

0

yılında, 'mi-seçilmiş' sınıf Kodunuzdaki eklenmeye almayan senin sorununun sebebi. Kaydırıcınızın js'lerini kontrol edebilirsiniz, aslında sorun nedir? Ve evet, sorunun çözülüp çözülmediğini kontrol etmek için 'noconflict'/@ Roy cevabını da takip edebilirsiniz

İlgili konular