動的ページローダーの衝突

Question

私は自分のサイトで見つけて使用している動的ページチェンジャーを持っています。私はそれを取り除きたくはありませんが、それはいくつかの問題を引き起こしているようです。 .htmlファイルが呼び出されると、例えば、動作させるためにnews.html＃news.htmlのように呼び出されます。たとえば、aboutページがクリックされると、urlのabout.html＃about.htmlになります。そして、dynamicpage.jsが何らかの形でそれらを組み合わせるため、about.html＃news.htmlになった直後にニュースページをクリックします。ギャラリーページ以外のほとんどのページを読み込むことができました。道をロードするようには思えないそのあなただけのサイトはまだ建設中ですが、ここにある

をgallery.htmlするために、URLにgallery.html番号のgallery.htmlを変更しない限りになって：http://envycosmetics.zxq.net/Website/webpages/index.html

Answer 1

あなたのサイトはもう少し進んでいるので、少し上手くいくものが見えます。ページが技術的に既に一度読み込まれているので、ギャラリーページが「読み込まれている」ときにjQueryが再度呼び出されないように見えます。何をする必要があなたのページにこのようなものを追加することです：

 
$(document).ready(function(){ 
    $("#gallery").click(function(){ 
    Galleria.loadTheme('galleria.classic.min.js'); 

    // Initialize Galleria 
    $('#galleria').load(function(){ 
     $('#galleria').galleria(); 
    }); 
    }); 
}); 

私はちょうどあなたのサイトにクロームコンソールを使用することを試み、それが働きました。あなたが困っているかもしれないことの1つは、ガレリアを再初期化する前に$（ "＃gallery"）が準備されるのを待つ必要があるということです。それはコンソールで動作しましたが、ページ内にあれば動作しない可能性があります。

もう1つの注意点として、galleria呼び出しにheight要素を追加する必要があります。それは、そのためにこだわる傾向にある：

$('#galleria').galleria({ 
    width:500, 
    height:500 
});