0

以下脚本之一出现问题，在执行漂亮的照片脚本后立即停止工作。

知道为什么会发生这种情况以及如何解决吗？

提前致谢

<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>
4

1 回答 1

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 文件。基本风格
  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

于 2013-10-23T22:49:11.533 回答