php中模式引导的单击功能不工作

我正在开发一个使用引导模式的php web应用程序。当我点击一个按钮时，会显示模式，但其提交功能不起作用。我不知道我做错了什么，但下面是我的代码

**viewproduct.php代码：**

<!-------------------------ADD STOCK MODAL------------------------------------->
<div id="add_stock_modal" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title"><b>STOCK-IN</b></h4>
            </div>
            <div class="modal-body">
                <label><b>Add Stock</b></label>
                <input type="text" placeholder="Enter Stock" name="txt_addstock" id="txt_addstock" class="form-control">
                <br />
                <label><b>Stock Price</b></label>
                <input type="text" placeholder="Enter Stock Price" name="txt_addprice" id="txt_addprice" class="form-control">
                <br />
                <button class="btn btn-warning" type="button" name="btn_stockin" id="btn_stockin">Stock-in</button>
            </div>
        </div>
    </div>

</div>
<!-------------------------------------------------------------------------------->

div>
 <button type="button" name="open_stock_modal" id="open_stock_modal" class="btn btn-success" data-toggle="modal" data-target="#add_stock_modal">Add stock</button> 
</div>

&时代；
进货
增加库存


股价


进货

要调用模式，我在**viewproduct.php代码中使用：**

<!-------------------------ADD STOCK MODAL------------------------------------->
<div id="add_stock_modal" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title"><b>STOCK-IN</b></h4>
            </div>
            <div class="modal-body">
                <label><b>Add Stock</b></label>
                <input type="text" placeholder="Enter Stock" name="txt_addstock" id="txt_addstock" class="form-control">
                <br />
                <label><b>Stock Price</b></label>
                <input type="text" placeholder="Enter Stock Price" name="txt_addprice" id="txt_addprice" class="form-control">
                <br />
                <button class="btn btn-warning" type="button" name="btn_stockin" id="btn_stockin">Stock-in</button>
            </div>
        </div>
    </div>

</div>
<!-------------------------------------------------------------------------------->

div>
 <button type="button" name="open_stock_modal" id="open_stock_modal" class="btn btn-success" data-toggle="modal" data-target="#add_stock_modal">Add stock</button> 
</div>

div>
增加库存

单击后，将显示以下图像：

这是我的ajax函数

 <script>
     
    $(document).ready(function() {
        $('.btn_stockin').click(function() {
    
            event.preventDefault();
            var newStock = $('#txt_addstock').val();
            var newPrice = $('#txt_addprice').val();
            if(newStock != '' && newPrice != ''){
                swal ( "Oops" ,  "fields are required!" ,  "error" );
            }else{

                $.ajax({
                    method: 'POST', 
                    url: 'stock-in.php',
                    data:{
                        stock_up: newStock,
                        cost: newPrice
                         <?php 
                        echo ', id: '.$row->pid.' '
                        ?>
                        <?php 
                        echo ', oldstock: '.$row->pstock.' '
                        ?>
                    },
                    success:function(data){
                        swal ( "Oops" ,  "fields are required!" ,  "success" );
                    }

                });
            }

        });
    });


</script>

$（文档）.ready（函数（）{
$（'.btn_stockin'）。单击（函数（）{
event.preventDefault（）；
var newStock=$（'#txt_addstock'）.val（）；
var newPrice=$（'#txt_addprice'）.val（）；
if（newStock！=''&&newPrice！=''）{
swal（“Oops”，“字段是必需的！”，“error”）；
}否则{
$.ajax({
方法：“POST”，
url:'stock in.php'，
数据：{
库存：newStock，
费用：新价格
},
成功：功能（数据）{
swal（“Oops”，“需要字段！”，“success”）；
}
});
}
});
});

点击后我得到这张图片

输入值后单击“入库”按钮，不会显示任何错误，也不会发生任何情况。我不知道我做错了什么

下面是stock in.php上的代码

<?php

include_once'connectdb.php';

if($_SESSION['useremail']=="" OR $_SESSION['role']=="Admin"){
    header('location:index.php');
}
if(isset($_POST['stock_up'])){
    $stockup=(int)$_POST['stock_up'];
    $newPrice=(int)$_POST['cost'];
    $id=$_POST['id'];
    $oldstock=(int)$_POST['oldstock'];


            $new_stock = $oldstock + $stockup;

                $sql="UPDATE `tbl_product` SET `pstock` = ?, `purchaseprice` = ? WHERE  pid= ? ";
                    $update=$pdo->prepare($sql);
                    $update->execute([$new_stock, $newPrice, $id]);

            if($result){
               echo'Stock updated!';
            }else{
              echo'Error in updating stock';  
            }
}
?>

---

我将感谢你的帮助。谢谢。

我将代码从

$(document).ready(function() {
        $('.btn_stockin').click(function() {

到

---

它工作得很好。

$（'.btn_stockin'）

搜索具有该类的元素（这是选择器中

所指示的）。您的按钮没有该类，它有一个id和一个类似的名称。@El_Vanja，感谢您的快速响应。请问我应该用什么来代替呢？您应该学习，这样您就知道如何通过id或任何其他属性进行选择。