动态页面加载器冲突

时间:2012-02-08 03:30:27

标签: jquery dynamic hyperlink

我在我的网站上找到并使用了动态页面切换器。我不想摆脱它,但它似乎造成了一些问题。当调用.html文件时,它被称为news.html#news.html,例如,为了工作。例如,当单击about页面时,它在url中是about.html#about.html,如果我在它成为about.html#news.html后立即点击新闻页面,因为dynamicpage.js会以某种方式将它们组合在一起。我设法加载除画廊页面之外的大多数页面。除非您将网址中的gallery.html#gallery.html更改为gallery.html

,否则它似乎无法加载其应有的方式

该网站仍在建设中,但现在是:http://envycosmetics.zxq.net/Website/webpages/index.html

1 个答案:

答案 0 :(得分:1)

既然您的网站还有一段距离,我可以看到更好的情况。在我看来,当画廊页面被“加载”时,jQuery没有被再次调用,因为页面在技术上已经加载了一次。您需要做的是在页面中添加以下内容:

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

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

我刚刚使用Chrome控制台在您的网站上尝试过它,但它确实有用。有一件事可能会让你感到困惑的是,你需要等待$(“#gallery”)做好准备才能重新初始化广场。它适用于控制台,但如果你在你的页面中有它,它可能无法正常工作。

另外请注意,您应该将高度元素添加到您的galleria调用中。它往往是一个坚持不懈的人:

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