我的代码无法获得所需的结果。当我循环访问数据数组时,JavaScript 仅对第一个回显的数据起作用。
代码片段:
<?php
$ids = array();
array_push($ids, getRandom($id));
array_push($ids, getRandom($id));
array_push($ids, getRandom($id));
$ids = array_unique($ids);
if (count($ids) > 0) {
foreach($ids as $value => $val) {
//data saved in variables
<li>
<div class="row">
<div class="col-xs-3">
<div class="avatar">
<!--avartar -->
</div>
</div>
<div class="col-xs-6">
<!-- data -->
</div>
<div class="col-xs-3 text-right">
<button id = "button1" class="btn btn-xs btn-warning btn-icon"><i class="fa fa-plus"></i></button>
</div>
</div>
</li>
<?php
}
}
?>
JavaScript:
<script>
$("#button1").on("click",function() {
alert("hey");
});
</script>
最佳答案
id 应该是唯一的,请尝试使用类。
大多数浏览器在 JavaScript 中选择 ID 时都会遵守标准,并且仅使用第一个元素进行响应。
尝试删除 ID
<div class="col-xs-3 text-right">
<button class="btn btn-xs btn-warning btn-icon"><i class="fa fa-plus"></i></button>
</div>
然后:
$(".btn").on("click",function() {
alert("hey");
});
关于javascript - 当我循环遍历 MySQL 数组时,JavaScript 处理第一个回显的数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38055816/