Question

我正在添加一个额外的按钮来调用jQuery函数。 HTML代码目前看起来像这样

<div id="tabs" class="col-xs-4 col-md-3">
    <ul class="nav nav-tabs" role="tablist">
    <li role="presentation" class="active">
    <a href="#regions" aria-controls="regions" role="tab" data-toggle="tab">Regions</a>
    </li>
    <li role="presentation">
    <a href="#computations" aria-controls="computations" role="tab" data-toggle="tab">Computations</a>
    </li>
    <li role="presentation">
    <a href="#multicycle" aria-controls="multicycle" role="tab" data-toggle="tab">Multi-Cycle Regions</a>
    </li>
</ul>
<div class="tab-content">
    <div role="tabpanel" class="tab-pane fade in active" id="regions">
        <div class="row" style="margin-left: 2%; margin-right: 2%;">
        <button id="import-regions" class="btn btn-default col-md-5 mobile-device" disabled>Import Regions</button>
        <div class="col-md-2"></div>
        <button id="clear-regions" class="btn btn-danger col-md-5 mobile-device hidden">Clear Regions</button>
        </div>
        <ul id="region-list" class="list-group">
        </ul>
    </div>
<div role="tabpanel" class="tab-pane fade" id="multicycle">
    <div class="row" style="margin-left: 2%; margin-right: 2%;">
        <div class="col-md-10">
            <h4>Draw Multi-cycle Regions</h4>
            Draw multi-cycle regions by pressing start, drawing multiple regions and then pressing stop
        </div>
        <button id="start-multi" class="btn btn-default col-md-5 mobile-device">Start</button>
        <div class="col-md-2"></div>
        <button id="clear-regions" class="btn btn-default col-md-5 mobile-device">Stop</button>
    </div>
</div>

在此示例中，具有clear-regions ID的初始按钮正常工作。第二个clear-region按钮似乎没有正确调用jQuery函数。（为了测试第二个按钮，我将ID设置为clear-regions用于测试，因为我知道该功能正常工作。）我已将第二个按钮移动到代码中的多个位置，并尝试使用不同的ID来解决可能导致的问题这个错误，但没有找到任何东西。有什么明显我在这里俯瞰吗？谢谢！

Answer 1

id必须是唯一的。要么为两个按钮添加clear-regions作为类，要么为第二个clear-regions按钮添加不同的id

按钮在jQuery函数中不起作用

1 个答案: