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

我看了你的代码。有一些事情需要修改，但我不会全部命名。

屏幕截图的<img>标记未关闭：<a href="..." rel="..."><img src"..." /></a>
'hook'使用不当：rel="prettyPhoto[]"用于多个图像。 rel="prettyPhoto"只适用于一张图片。
有些CSS是多余的。没有使用的类和ID（我不会进入。）
$('#search_in_bar').empty().html();没有任何意义;清空<div>的内容然后询问它的内容。
不链接用于弹出窗口的prettyPhoto CSS文件。 Basic Style
由于缺少权限，pps.js未加载，但遇到403（禁止）错误。
最重要的是，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

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

1 个答案: