Question

所以我有一个div，我刷新每1秒的内容。正在加载的内容在页面上有一个下拉列表。每次刷新时，下拉列表都会自动关闭（预期）。

我应该如何处理这个以便下拉列表保持打开状态？

JS

    var isRefreshing = false;
    var refreshInterval;
    function initRefresh(page, refreshRateMs) {
        if (!isRefreshing) {
            refreshInterval = setInterval(function () { refreshPage(page) }, refreshRateMs);
            isRefreshing = true;
        }
    }
    function refreshPage(page) {
        $.get(page, function (data) {
            $("#content-wrapper").empty().append(data);
        });
    }

页面加载

<select id="teamSize" name="teamSize" class="input-xlarge">
    <option value="5">
        5
    </option>

    <option value="4">
        4
    </option>

    <option value="3">
        3
    </option>

    <option value="2">
        2
    </option>

    <option value="1">
        1
    </option>
</select>
<script>
    initRefresh('/lobby', 1000);
</script>

Answer 1

将div移到您正在刷新的区域之外。
刷新后模拟下拉框上的点击。这个问题可能会救命： Can I open a dropdownlist using jQuery

关闭ajax页面的下拉菜单

1 个答案: