2點擊事件不會在jQuery的工作

Question

懇請我需要你們的支持，我想加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> 

Answer 1

嘗試用這個，你應該在同一個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> 

Answer 2

你有molformed腳本。請閱讀關於JavaScript和jQuery語法。我soposed您嘗試設置單擊事件負載網頁上的兩個diferent按鍵，紙條應該是這樣的：

<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> 

問候

Answer 3

在 $(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