jQuery仅在页面刷新时启动

jQuery firing only on page refresh

本文关键字：刷新 启动 jQuery      更新时间：2023-09-26

为站点使用滑块。使用woo主题提供的Flexslider。我很难使滑块加载并正常工作。从现在开始，在初始页面加载时，滑块中的图像按li顺序显示。我必须刷新页面，以便隐藏幻灯片并使用滑块。

我当前的脚本：

放置在滑块正上方的机身中–

$(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() {，但仍然没有运气。

如有任何帮助，我们将不胜感激。

在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])
});
相关文章：