2次点击事件不会'我在jquery工作

2 click events doesn't work in jquery

本文关键字:我在 jquery 工作 事件 2次      更新时间:2023-09-26

我需要你的支持,因为我试图添加下面的2个点击事件,但第二部分只起作用,第一部分在删除第二部分之前不起作用

<script>
    $(document).ready(function () {
                $(function () {
                $("#add_by_serial").click(function () {
                alert("Hello");
                /* var newquantity = $("#serial_newquantity").val();
                var quantityno = $("#serial_quantityno").html();
                var prodcutname = $("#serial_prodcutname").html();
                var serialnumber = $("#serial_serialnumber").html();
                var productid = $("#serial_productid").html();
                var search_by_serial = 1;
                $("#query_result").load("stock/save_edited_quantity.php", { newquantity: newquantity, search_by_serial: search_by_serial, quantityno: quantityno, serialnumber: serialnumber, prodcutname: prodcutname, productid: productid}); */
    })
    })  
    })  
    $(document).ready(function () {
        $(function () {
                $('#add_button').click(function () {
                var product_id = <?php echo $_POST['prod_name']; ?>;
                var quantity = $("#newquantity").val();
                var quantityno = $("#quantityno").html();
                var prodcutname = $("#prodcutname").html();
                var serialnumber = $("#serialnumber").html();
                $("#query_result").load("stock/save_edited_quantity.php", { quantity: quantity, product_id: product_id, quantityno: quantityno, serialnumber: serialnumber, prodcutname: prodcutname});
    })
    })
    })

</script>   

将所有事件添加到$(function(){ });$( document ).ready(function() { });

示例:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="add_by_serial">add_by_serial </button>
<button id="add_button">add_button</button>
<script>
    $(document).ready(function () {
               $("#add_by_serial").click(function () {
                  alert("بسم الله الرحمن الرحيم1");
                });
  
              $('#add_button').click(function () {
                  alert("بسم الله الرحمن الرحيم2");
  
               });
  
    })
</script>   

jQuery API文档:jQuery/ready

尝试这样做,您应该在同一个ready事件中定义:

<script>
$(document).ready(function () {
    $("#add_by_serial").click(function () {
        alert("Hello");
        /* var newquantity = $("#serial_newquantity").val();
        var quantityno = $("#serial_quantityno").html();
        var prodcutname = $("#serial_prodcutname").html();
        var serialnumber = $("#serial_serialnumber").html();
        var productid = $("#serial_productid").html();
        var search_by_serial = 1;
        $("#query_result").load("stock/save_edited_quantity.php", { newquantity: newquantity, search_by_serial: search_by_serial, quantityno: quantityno, serialnumber: serialnumber, prodcutname: prodcutname, productid: productid}); */
    })  
    $('#add_button').click(function () {
        var product_id = <?php echo $_POST['prod_name']; ?>;
        var quantity = $("#newquantity").val();
        var quantityno = $("#quantityno").html();
        var prodcutname = $("#prodcutname").html();
        var serialnumber = $("#serialnumber").html();
        $("#query_result").load("stock/save_edited_quantity.php", { quantity: quantity, product_id: product_id, quantityno: quantityno, serialnumber: serialnumber, prodcutname: prodcutname});
    })
})  
</script>   

您有一个变形的脚本。请阅读javascript和jQuery语法。我假设你正在尝试将点击事件设置为加载网页上的两个不同按钮,脚本应该是这样的:

<script type="text/javascript">
    $(document).ready(function () {
       $("#add_by_serial").click(function () {
       alert("بسم الله الرحمن الرحيم");
       });
       $('#add_button').click(function () {
                var product_id = <?php echo $_POST['prod_name']; ?>;
                var quantity = $("#newquantity").val();
                var quantityno = $("#quantityno").html();
                var prodcutname = $("#prodcutname").html();
                var serialnumber = $("#serialnumber").html();
                $("#query_result").load("stock/save_edited_quantity.php", { quantity: quantity, product_id: product_id, quantityno: quantityno, serialnumber: serialnumber, prodcutname: prodcutname});
       });
    });  
</script>   

问候