Jquery 函数运行不正常

Question

我的网站在最新版本的 Jquery 下。但是有两个问题：

1. 主要问题是网站第一次加载时，它有我放入的内容滑块。但是如果您再次单击任何链接或返回主页，滑块将无法正常加载
2. 当点击链接时，绿色底部边框应该加厚到 5 像素并变得不那么透明，但它没有这样做。

这只是我刚开始的网站的链接：envycosmetics.zxq.net/Website/webpages/index.html

Answer 1

好的，我会总结一下。

要解决的一个问题是在您的 dynamicpage.js 文件中写入 $("nav a[href='"+newHash+"']").addClass("current");。否则会在 jQuery 库中产生错误。

滑块的问题是由于$('#banner').bjqs 在页面初始加载期间仅被调用一次。当您使用 AJAX 请求更改它的内容时，您删除了滑块的原始 HTML 块，并附加了所有侦听器。当你重新加载它时，你必须通过再次调用那段代码来重新初始化你的滑块代码

   $('#banner').bjqs({
      'animation' : 'slide',
      'width' : 940,
      'height' : 403
    });

作为页面的新内容加载。

例如，您可以将加载部分修改为

  $mainContent.hide().load(newHash + " #guts", function() {
      $('#banner').bjqs({
          'animation' : 'slide',
          'width' : 940,
          'height' : 403
       });          
      $pageWrap.animate({
                height: baseHeight + $mainContent.height() + "px"
       });
      // below is the rest of the function