1

我试图在我的引导模式上加载动态数据。但是按钮不能调用 javascript 函数，所以它只加载页面模式而不是加载动态数据。以下代码可能出现什么错误？

<a href="#"  style="color:#4fc6e1; margin-left:10px;" data-id="{{ $row->id }}" data-target="#cart-modal" data-toggle="modal"  > <i data-feather="plus-square"></i> </a>

引导模式：

<div id="cart-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
  <div class="modal-dialog">
      <div class="modal-content">
          <div class="modal-header">
                    <h4 class="modal-title">Warehouse Products</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
          </div>
               
          <div class="modal-body cart p-4">
                         
          </div>
          <div class="modal-footer">
                
          </div>
              
      </div>
  </div>
</div><!-- /.modal -->

Javascript部分：

 $("#cart-modal").on("show.bs.modal", function(e) {
     
        var product_id = $(e.relatedTarget).attr('data-id');
        var url = '{{ url('product-details') }}';

        $.ajax({
           url:url,
           method:'POST',
           data:{ product_id: product_id },

           success:function(response){

              if(response.success){
                    $(".modal-body cart").html(response.html);
              }else{
                  console.log(error)
              }
           },
           error:function(error){
              console.log(error)
           }

        });
    });
4

0 回答 0