how to kill/stop a jquery/javascript function?
<p>I have a jquery function :</p>

<pre><code>function getArrowScroll(dirX, dirY, ele)
            {
                return function()
                {
                    arrowScroll(dirX, dirY, this, ele);
                    this.blur();
                    return false;
                };
            }
</code></pre>

<p>When the user hover the arrowDown button, it will auto scrolling the contents inside a div :</p>

<pre><code>if (settings.arrowScrollOnHover) {
    arrowUp.bind('mouseover.jsp', getArrowScroll(0, -1, arrowUp));

    arrowDown.bind('mouseover.jsp', getArrowScroll(0, 1, arrowDown));
}
</code></pre>

<p>When the scroll bar reach the bottom of div, jquery get more data from other page and add them to the div. At this point, <code>mouseover.jsp</code> is lost control already because I reinitialize everything except getArrowScroll(). It will keep scrolling down continuously non-stop by executing <code>getArrowScroll(0, 1, arrowDown)</code>. I need kill function getArrowScroll(0, 1, arrowDown) before reinitialize, or when
<code>mouseleave.jsp</code>. If I put :</p>

<pre><code>arrowDown.bind('mouseover.jsp',
getArrowScroll(0, 1, arrowDown)).bind('mouseleave.jsp',
getArrowScroll(0, 0, arrowDown));
</code></pre>

<p>it will still scrolling to bottom
because getArrowScroll(0, 1, arrowDown) is still running, how to kill or stop
function getArrowScroll()? </p>
