Javascript JS onclick事件不';不能在firefox中工作,但可以在基于codeigniter&;的chrome中工作;独自创立

Javascript JS onclick事件不';不能在firefox中工作,但可以在基于codeigniter&;的chrome中工作;独自创立,javascript,Javascript,我有这段代码来根据表中的数据填充字段,这些数据是由点击updateinputSediaModal触发的,它返回1个数据id来触发ajax函数,用于填充updateinputSediaModal字段表单,它在chrome浏览器中填充函数工作,而不是在firefox中 在我的查看页面中 <table id="inputsedia_tb" class="table table-striped table-bordered">

我有这段代码来根据表中的数据填充字段,这些数据是由点击
updateinputSediaModal
触发的,它返回1个数据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">&times;</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>

#
科德波斯迪亚安酒店
朱鲁桑
乌拉尔人
萨图
用户输入
汤加输入
阿克西
更新数据Persedian
&时代;

我看不出您在哪里定义jQuery,所以您是否得到$is not defined错误

我注意到的另一件事是您有
$('.updateinputSediaModal')
,但是我没有看到任何名为updateinputSediaModal的类,但是我确实看到了这个元素


类属性中是否存在实际的换行符,或者这正是您添加代码的方式?您的浏览器控制台中是否存在异常?逻辑位于
标记上,并且您尚未显示阻止单击事件传输页面的位置。请添加一个并添加相关标记(什么是
$
?)@epascarello类属性中有实际的换行符,如果我插入整个代码,我想读起来太多了,因为主要问题只发生在这段代码中,但是如果你需要整个代码,我会更新它。是的,我只是看了教程如何使模态淡入淡出,触发器是
数据目标=“#updateInputsDiamodal”
来自表,但我认为并非所有浏览器都能支持that@GstiAld他们可以。这个标签不是浏览器标签,它是一个脚本标签,类似bootstrap的东西用于它的所有功能等。在使用它时要小心,特别是当你的网站使用bootstrap时。
<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>