jQuery仅在页面刷新时触发

Question

在网站的滑块上工作。 使用woo主题提供的Flexslider。 我无法使滑块加载和正常工作。 从现在开始在初始页面加载时，滑块中的图像将按顺序显示。 我必须刷新页面才能隐藏幻灯片，并使滑块正常工作。

我当前的脚本：

放在滑块上方的主体中–

$(window).load(function() {
              $('.flexslider').flexslider({
                animation: "slide"
              });
            });

并放在页面底部的页脚中–

$(function(){
  SyntaxHighlighter.all();
});
$(window).load(function(){
  $('.flexslider').flexslider({
    animation: "slide",
    start: function(slider){
      $('body').removeClass('loading');
    }
  });
});

我已经在网站上的类似主题中搜索了很多解决方案，但是似乎找不到解决我问题的解决方案。 我已经用$(document).ready()替换了我的$(window).load(function() { ，但仍然没有运气。

任何帮助，将不胜感激。

Answer 1

在您的init.js中，正在加载页面内容并更新url以使其看起来像是一个新页面。 当插入新页面的内容时，在任何地方都找不到重新附加/重新启动幻灯片代码的地方。 因此，请尝试在您的代码（init.js）中添加此部分。 它适合我使用控制台在您的站点上进行测试。

查找此代码/功能并根据建议添加。

$(document).on("ajaxComplete", function(w, v, u) {
    mypath = u.url;
    mypath = mypath.replace("http://www.palomaspices.com/", "");
    mypath = mypath.replace("http://palomaspices.com/", "");
    mypath = mypath.replace("http://palomaspices.com/", "palomaspices.com");

//Start of new code
    $('.flexslider').flexslider({
        animation: "fade",
        start: function(slider) {
            $('body').removeClass('loading');
        }
    });
/end of new code

    _gaq.push(["_trackPageview", mypath])
});