Jquery刷新div但在鼠标悬停时保持动作

Question

大家好，

我一直在尝试使以下工作： ......包括来自www的jquery.js......这个脚本位于标题中

<script type="text/javascript">
    $("#latestChats").bind("mouseout", function() {
        refreshInterval = setInterval(function() {
            $("#latestChats").load('chatmessages.php');
        }, 1500);
    });

    $("#latestChats").bind("mouseover", function() {
        clearInterval(refreshInterval);
    });
</script>

我想不断刷新一个包含来自用户的聊天消息的 div，并且每当用户点击该 div 中的 youtube vid/views 内容（鼠标悬停）时，刷新就会停止。自动附加 jquery 将是最好的，但到目前为止我还没有能够弄清楚那部分...... 现在刷新和鼠标悬停工作......有什么想法吗？

Answer 1

看起来您的处理程序有点混乱，根据您对功能的描述，我希望立即设置 refreshInterval，而不是在鼠标悬停时设置，并且我会按照 jquery API 中的描述使用鼠标悬停：

<script type="text/javascript">

    var refreshInterval;

        $(document).ready(function() {
            refreshInterval = setInterval(function() {
                $("#latestChats").load('somedynamicpage.html');
            }, 1500);

            $("#latestChats").mouseover(function() {
                clearInterval(refreshInterval);
            });
        });        
</script>

http://jsfiddle.net/QG354/（带有显示鼠标悬停被触发的警报）