0

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
4

1 に答える 1

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();
});
于 2012-08-29T10:58:59.207 に答える