Question

所以我有了这个菜单，您可以在游戏中选择课程。

<div class="text">
<div id="story">Choose a class.</div>
<input type="button" class="knight" value="Knight"/>
<input type="button" class="mage" value="Mage"/>
<input type="button" class="archer" value="Archer"/>
</div>

如何使用jquery，以便当我按下任何一个按钮时，我会得到一组新的按钮，您可以按这些按钮来选择比赛？

我已经尝试了.replaceWith()但是jquery不会对新按钮起作用。这将需要css。

function classChange() {
    var Class = $(this).val();
    $('#statsImg').text("class: " + Class);
    $('.knight').replaceWith('<input type="button" class="elf value="Elf"/>');
    $('.mage').replaceWith('<input type="button" class="human" value="Human"/>');
    $('.archer').replaceWith('<input type="button" class="Dwarf" value="Dwarf"/>');
    $('.menu').show();
};

$('.knight').click(classChange);
$('.mage').click(classChange);
$('.archer').click(classChange);

按钮elf对下一部分不会做任何事情：

$('.elf').on('click', '.elf',function () {
    $('#statsImg').text('test');
});

使用按钮knight/mage/archer。

所以我想知道的是，一旦按下按钮，如何摆脱这个菜单并获得一个新菜单？

很抱歉，如果我忘记添加您需要知道的内容。如果你需要，我会添加它。

Answer 1

添加后，您必须将bind事件发送到按钮。试试 -

$('.knight').replaceWith('<input type="button" class="elf value="Elf"/>').bind('click', function() {
    $('#statsImg').text('test');
});

在菜单/按钮之间切换

1 个答案: