javascript - JS onclick 事件在 firefox 中不起作用,但在基于 codeigniter 和 bootstrap 的 chrome 中起作用
问题描述
我有这段代码来填充基于表格中的数据的字段,该字段由单击updateinputSediaModal
回显 1 data-id 触发 ajax 函数来填充updateinputSediaModal
字段表单触发,它填充函数在 chrome 浏览器中工作,但在 Firefox 中不工作。
在我的查看页面
<table id="inputsedia_tb" class="table table-striped table-bordered">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">Kode Persediaan</th>
<th scope="col">Jurusan</th>
<th scope="col">Uraian</th>
<th scope="col">Satuan</th>
<th scope="col">User Penginput</th>
<th scope="col">Tanggal Input</th>
<th scope="col">Aksi</th>
</tr>
</thead>
<tbody>
<?php $i = 1; ?>
<?php foreach ($sediaMaster as $sm) : ?>
<tr>
<th scope="row"><?= $i; ?></th>
<td><?= $sm['id_sedia']; ?></td>
<td><?= $sm['nama_jur']; ?></td>
<td><?= $sm['nama_sedia']; ?></td>
<td><?= $sm['sedia_satuan']; ?></td>
<td><?= $sm['user_input']; ?></td>
<td><?= $sm['tgl_input']; ?></td>
<td>
<a href="" data-toggle="modal" data-target="#updateinputSediaModal" class="badge badge-success updateinputSediaModal" data-id="<?= $sm['id_sedia']; ?>">Ubah</a>
<a href="<?= base_url('persediaan/delmasterSedia/') . $sm['id_sedia']; ?>" onclick="return confirm('Menghapus master data barang ini akan menghapus semua data yang berkaitan dengan barang ini (stok masuk, stok keluar dan sisa stok), anda ingin melanjutkan ?')" class="badge badge-danger">Hapus</a>
</td>
</tr>
<?php $i++ ?>
<?php endforeach; ?>
</tbody>
</table>
<!-- Modal Update Menu -->
<div class="modal fade" id="updateinputSediaModal" tabindex="-1" role="dialog" aria-labelledby="updateinputSediaLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="updateinputSediaLabel">Update Data Persediaan</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<form action="<?= base_url('persediaan/updatemasterSedia') ?>" method="post">
<div class="modal-body">
<input type="hidden" name="id_sediaUpd" id="id_sediaUpd">
<div class="form-group">
<input type="text" class="form-control" id="namasediaUpd" name="namasediaUpd" placeholder="Nama Barang Praktik">
</div>
<div class="form-group">
<input type="text" class="form-control" id="satuanUpd" name="satuanUpd" placeholder="Satuan">
</div>
<div class="form-group">
<input type="text" class="form-control" id="nikUpd" name="nikUpd" value="<?= $user['nik']; ?>" readonly>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Tutup</button>
<button type="submit" class="btn btn-primary">Ubah</button>
</div>
</form>
</div>
</div>
</div>
在我的页脚页面
<script>
//script update input persediaan (persediaan/input persediaan)
$('.updateinputSediaModal').on('click', function() {
const id = $(this).data('id');
$.ajax({
url: "<?= base_url('persediaan/getSediaid'); ?>",
data: {
id: id
},
method: 'post',
dataType: 'JSON',
success: function(data) {
$("#id_sediaUpd").val(data[0].id_sedia);
$("#namasediaUpd").val(data[0].nama_sedia);
$("#satuanUpd").val(data[0].sedia_satuan);
$("#nikUpd").val(data[0].user_input);
}
});
});
</script>
我能解释一下这是怎么发生的吗?
解决方案
我看不到你在哪里定义 jQuery,所以你得到 $ is not defined 错误吗?
我注意到的另一件事是你有$('.updateinputSediaModal')
,但我没有看到任何名为updateinputSediaModal的类,但我确实看到了这个元素;
<div class="modal fade" id="updateinputSediaModal" ...
那么也许改变$('.updateinputSediaModal')
是$('#updateinputSediaModal')
?
因为它是 ID 而不是 CLASS。
推荐阅读
- neo4j - 一系列条件 foreachs 不执行 neo4j 密码
- rhino - 在 Rhino 中获取异常的堆栈跟踪
- angular - 没有验证的角反应形式
- c - 如何使用 O(n) 算法在 C 中就地分区数组?
- ios - iOS 设备中的 MP3 副本
- reactjs - React 分析包大小
- java - 如何使用 Spring Boot 发送异步电子邮件
- python - 我如何根据外键过滤多对多字段?(我是 django 管理面板本身)
- reactjs - 尝试通过我的反应应用程序从 Firestore 读取和显示数据时出现错误“无法读取未定义的属性 'map'”
- session - 如何通过 Mockito 模拟超类中的方法?