Question

我试图点击图标打开一个模态。这个图标是由js在表格中生成的，包含相应的数据，但它不起作用

但是当我在blade.php文件中复制粘贴相同的代码时，它可以正常工作。

我也附上截图。希望能得到答案。

注意：使用laravel

＆＃13;

function actionFormatter(value, row, index) {
    	    if (row.status == '1') {


    	        return [
    	            
    	            '<a class="editGreenColor tooltipped modal-trigger"   data-tooltip="Edit" href="#modal5">',
    	            '<i title="Edit" class="mdi-content-create small fontSzie1pt5rm"></i>',
    	            '</a> ',
    	            
    	            
    	        ].join('');
    	    }
    	}

＆＃13;

<table data-toolbar="#toolbar" class="table table-striped table-bordered bootstrap-table" data-unique-id="id" 	
data-toggle="table" data-url="{{url('/branches/')}}/{{ $prantId }}/get" style="font-size: 14px" data-filter-control="true" data-row-style="rowStyle" 
id="branchTable" data-pagination="true">
<thead>
  <tr>
   <th data-field="id" data-align="center" data-width="5%" data-sortable="true">ID</th>
   
   <th id="name" data-field="name" data-width="25%" data-sortable="true" data-formatter="allBranchViewFormatter">Name</th>

   <th data-field="id" data-formatter="actionFormatter" >Actions</th>
 </tr>
</thead>
</table>










<div id="modal5" class="modal bottom-sheet">

// some codes

</div>

＆＃13;

screenshot1

screenshot2

Answer 1

您必须自己初始化模态。查看http://materializecss.com/modals.html#initialization

Answer 2

我通过添加onClick函数解决了这个问题，感谢帮助@cris

function openEdit() {

  $(".modal").openModal()
}

<a class="editGreenColor tooltipped modal-trigger" data-tooltip="Edit" href="javascript:void(0)" onclick="openEdit()">
  <i title="Edit" class="mdi-content-create small fontSzie1pt5rm"></i>

在物化中通过js追加时，模态代码无效

2 个答案: