时间戳

首页 > 解决方案 > 如何使用不同的id多次调用同一个函数

jquery - 如何使用不同的id多次调用同一个函数

问题描述

我正在尝试使用下拉值多次调用相同的函数。它仅适用于第一个，其余两个不起作用。我该如何解决这个问题？

<button id="jointables" onclick="joinsTable()" class="btn btn-success report-btn" data-toggle="collapse">
  <i class="glyphicon glyphicon-random"></i>
  &nbsp;&nbsp;Join Tables
  <div id="myDropdown" class="dropdown-content">
    <a href="#" class="table">One Table Join</a>
    <a href="#" class="table">Two Table Join</a>
    <a href="#" class="table">Three Table Join</a>
  </div>
</button>

$('.table').click(function(e) {
  $(".collapse").toggle();

标签： jqueryhtml

解决方案

尝试这个

<div class="dropdown">
   <button id="jointables" onclick="joinsTable()" class="btn btn-success report-btn" data-toggle="collapse">
   <i class="glyphicon glyphicon-random"></i>
  </button>
  <div id="myDropdown" class="dropdown-content">
    <a href="#" class="table">One Table Join</a>
    <a href="#" class="table">Two Table Join</a>
    <a href="#" class="table">Three Table Join</a>
  </div>
 </div>

$(document).on('click', '.dropdown-content a', function () {
    alert($(this).text());
})

推荐阅读