嵌套 DIV - 防止内部 DIV 刷新

Question

我目前正在刷新一个 div，如下所示。

Main.php

    <script type="text/javascript">
    var auto_refresh = setInterval(
    function ()
    {
    $('#load_me').load('ajax.php').fadeIn("slow");
    }, 10000); // autorefresh the content of the div after
               //every 10000 milliseconds(10sec)
    </script>

然而，页面 ajax.php 有许多不应该刷新的 DIV。有没有办法做到这一点？也就是说，不惜一切代价防止特定 DIV 被刷新（使用它们的 ID）。

需要这样做的原因是，DIV 有文本框，在输入文本时会刷新。

Answer 1

您总是可以选择要刷新的元素，但相反的做法并忽略元素会更加复杂，尤其是如果这些元素嵌套在应该刷新的元素等中。

var to_refresh = ['id1', 'id2', 'id3'];

var auto_refresh = setInterval(function () {
    $.each(to_refresh, function(_,id) {
        $('#'+id).load('ajax.php #'+id).fadeIn("slow");
    });
}, 1000);