jquery - jquery 按钮 - 隐藏的 div 会在显示后刷新或加载

Question

我有一系列显示和隐藏 div 的按钮。我只想在按下按钮后从隐藏的 div 加载数据。因此，基本上所有隐藏的 div 都会在显示后刷新或加载。

有人知道怎么做这个吗？

<button class="menubutton" id="1">1</button>
<button class="menubutton" id="2">2</button>
<button class="menubutton" id="3">3</button>
<button class="menubutton" id="4">4</button>


<div id="1" style="display:none;">
DATA
</div>

<div id="2" style="display:none;">
DATA
</div>

<div id="3" style="display:none;">
DATA
</div>

<div id="4" style="display:none;">
DATA
</div>

$("#1").button().click(function() {
$('#1').show();
$('#2').hide();
$('#3').hide();
$('#4').hide();
});

etc

Answer 1

使用 AJAX 加载内容：http: //api.jquery.com/jQuery.get/

所以你做这样的事情：

$('.menuButton').click(function()) {
    $('.menuButton').hide();
    if ($(this).html() == '') {
        $.get('somepage.html', function(data) {
            $(this).html(data);
        });
    }
    $(this).show();
});