javascript - 为什么用 javascript 替换图像会在我的页面上禁用 Jquery？

Question

我的目标是让一个浮动的绿色框跟随滚动并停在我选择的某个点。在大多数情况下，我已经完成了这一点，尽管它不像我想要的那么顺利。我现在的主要问题是当我用 javascript 替换绿色框时，新的 javascript 在您滚动时不再跟随页面向下。由于某种原因，它似乎禁用了以前工作的 jquery。

<div id="follow><img><div> <-- Works 
<div id="follow><javascript><div> <-- Does Not Work

我还注意到，即使我将绿色框留在原处，但将 javascript 放在正文中的其他位置，它也会阻止此代码工作。知道为什么会这样以及我能做些什么来解决它吗？

在这里查看我的演示 --> http://jsfiddle.net/Kachish/RqELN/18/

  .follow { 
    position: absolute;}
​
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script>
    $(window).load(function(){
    $(document).scroll(function() {
    var scrollVal = $(document).scrollTop();
    $('.follow').css('top',scrollVal+'px');
    if (scrollVal < 250) { 
    $('.follow').css('top','150px');
    }
    if (scrollVal > 547) {
    $('.follow').css('top','375px');    
    }
    });
    });//]]>  
    </script>