Bootstrap modal 模式中的Datatable打开url

我的应用程序有问题 我使用datatable来显示store表，并添加一个列链接来编辑modal上的行 当我单击链接时，它的打开模式为空的iframe url 我使用数据herf并添加此行的链接来编辑和打开编辑页面intro modal iframe

 public function categorylist()
 {$this->load->library('Datatables'); $this->datatables->select('rid,sp_name_ar,sp_name,sp_number,sp_price,sp_quantity')->from('sp_tbl');   
$this->datatables->add_column('edit', '<a class=" edit-spare text-info" id="edit-spare" data-href="spareparts/editspare/$1" data-toggle="modal" data-target="#editspareModal" ><i class="fa fa-cogs"> </i> تحرير</a>', 'rid');
     
echo $this->datatables->generate();
   }  

模态：

<div id="editspareModal" class="modal fade" role="dialog">   <div class="modal-dialog modal-dialog-centered" role="document">
  <div class="modal-content">
     <div class="modal-header text-center">
        <h5 class="modal-title w-100">تحرير منتج</h5>
        </button>
     </div>
     <div class="modal-body">
        <div class="embed-responsive  embed-responsive-16by9">
           <iframe id="editspareframe" src="" width="100%" height="100%"  frameborder="0" style="border:0"></iframe>    
        </div>
     </div>
     <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal" >اغلاق</button>
     </div>
  </div>

Javascript

<script type="text/javascript">//------------- for edit spare ----------//$(document).ready(function() {  $(".edit-spare").click(function(e) {    e.preventDefault();
var url = $(this).attr("href");     $("#editspareModal iframe").attr("src", url);
$("#editspareModal").modal("show");    console.log(href)  }); });