按钮在 jQuery 函数中不起作用

debugcn 发表于 Dev

用户3068177

我正在努力添加一个额外的按钮来调用 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>

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

宽的

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

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。