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

我有一系列显示和隐藏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

1
2.
3.
4.
资料
资料
资料
资料
$（“#1”）。按钮（）。单击（函数（）{
$（'#1'）.show（）；
$（'#2'）.hide（）；
$（'#3'）.hide（）；
$（'#4'）.hide（）；
});
等

使用AJAX加载内容：

所以你可以这样做：

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

---

每个div都有一些数据库查询和数据表（并非所有的数据表都是服务器端处理的）。听起来很有希望，因为目前我只使用了include_一次，所以理论上我只需要用这个click函数替换include one，如果您需要为内容向数据库传递ID，只需抓取按钮的ID并将其作为查询参数（例如$）通过AJAX调用传递到处理程序页面。get（'somepage.php？id='+$（this.attr（'id'））。如果您需要更多选项，请查看谢谢，my.js可以工作，但无法获取任何数据。如何通过.get传递全局变量？首先尝试将变量硬编码到查询字符串中以进行调试，当您开始工作时，可以对其进行扩展。你说的“传递全局变量”到底是什么意思？我没问题---------