执行漂亮的照片库后从“nav”删除类“粘性”的错误

Question

下面的一个脚本存在问题，在执行漂亮的照片脚本后，它停止工作。

任何想法为什么会发生这种情况，以及如何解决它？

在此先感谢

<script type="text/javascript"> 
$(function(){ 
     $(window).scroll(function(){ 
      if ($(window).scrollTop() > 90) { 
       $("nav").addClass("sticky"); 
       $(".menu_logo").css("display", "block"); 
       $(".menu_logo").html('<a href="/" title="Home"><img src="/images/_logo_sm.png" alt="" width="108" height="25" /></a>'); 
       $("#menu-bar").css("display", "block"); 
       $("#menu-bar").html('<div id="menu-bar-icon" ></div>'); 
       $("#menu-bar-icon").click(function() { 
        $('#menu').toggle();return false; 
       }); 
       $("#menu").css("display", "none"); 
       $('#search_in_bar').html($('#search').html()); 
      } else { 
       $("nav").removeClass("sticky"); 
       $(".menu_logo").css("display", "none"); 
       $("#menu").css("display", "block"); 
       $('#search_in_bar').empty().html(); 
       $("#menu-bar").css("display", "none"); 
      } 
     }); 
    }); 
</script> 

Answer 1

我看看你的代码。有几件事需要修改，但我不会将它们全部命名。

1. 的<img>标签的屏幕快照没有关闭：<a href="..." rel="..."><img src"..." /></a>
2. 在“钩”正在使用不当：rel="prettyPhoto[]"用于多个图像。 rel="prettyPhoto"仅适用于一个图像。
3. 一些CSS是多余的。没有使用的课程和ID（我不会进去）
4. $('#search_in_bar').empty().html();没有意义;清空<div>的内容，然后询问其内容。
5. 未链接prettyPhoto CSS文件 - 用于弹出窗口。 Basic Style
6. 由于缺少权限，pps.js未被加载，但遇到403（禁止）错误。
7. 而最重要的是，prettyPhoto并未被初始化。

<script> 
$(function() { 
    $("a[rel^='prettyPhoto']").prettyPhoto(); 
    $(window).scroll(function(){ 
    ... 
    }); 
}); 
</script> 

哦，边注：

<a href="large_here.png" rel="prettyPhoto"> 
<img src="smaller_here.png" /></a> 

工作jsFiddle