Jquery Click 事件未针对 Span 触发

Question

跨度或 <i> 均未触发单击事件当我将 id 移至 <i>标签。

$("body").on("click", "#btnClear", function() {
  alert("Clicked");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <span title="Tüm Liste" style="cursor: pointer;" class="input-group-addon" id="btnClear"><i class="glyphicon glyphicon-home"></i></span>
  <input type="text" class="form-control" id="txtSearch" placeholder="GTIP KOD veya Ürün Adı" aria-describedby="basic-addon2">
</div>

Answer 1

我认为你的代码可以工作。没有任何问题，除了您忘记加载 jquery

$("body").on("click", "#btnClear", function() {
  alert("Clicked");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <span title="Tüm Liste" style="cursor: pointer;" class="input-group-addon" id="btnClear">ICON HERE.. CLICK</span>
  <input type="text" class="form-control" id="txtSearch" placeholder="GTIP KOD veya Ürün Adı" aria-describedby="basic-addon2">
</div>

我没有图标显示在那里，所以我放置了一个文本来点击那里。

希望它有所帮助。