Javascript Modal仅打开两次

嗨，我有个问题，我创建的两个模态只打开了两次，然后页面崩溃了。有人知道我必须在代码中更改什么吗

我刚刚发布了全部代码，以确保没有遗漏任何内容。对不起

<script type="text/javascript">
$(document).ready(function(){

// the "href" attribute of .modal-trigger must specify the modal ID that wants to be triggered

var text ="kndsknjdsknjdsnk"


var obj = text;
var title_array = [];
var content_array = [];
for(var i = 0;  i < obj.features.length; i++) {
var featureTitle = obj.features[i].properties.title;
var featureHab = obj.features[i].properties.Broad_Habi;
var timestamp = obj.features[i].properties.timestamp;
var id = obj.features[i].properties.id;
var coordinatesx = obj.features[i].properties.geom_X;
var coordinatesy = obj.features[i].properties.geom_Y;
var image = obj.features[i].properties.Image;
var pos_Acc = obj.features[i].properties.pos_acc;
var name = obj.features[i].properties.Name;
var height = obj.features[i].properties.Approx_Hei;
var evidenve_o = obj.features[i].properties.Evidence_o;
var evidence_f = obj.features[i].properties.Distance_f;
var riverBank = obj.features[i].properties.River_Bank;
var temperature = obj.features[i].properties.Describe_T;
var weather = obj.features[i].properties.Describe_W;
var fieldComm = obj.features[i].properties.Field_Comm;
var MAkeandM = obj.features[i].properties.Make_and_M;
var azimuth = obj.features[i].properties.Azimuth;
var editor = obj.features[i].properties.editor;
var pitch = obj.features[i].properties.Pitch;
var version = obj.features[i].properties.OS_Version;
var roll = obj.features[i].properties.Roll;




$('#myTableData tbody').append(
'<tr><td><a class="btn-floating btn-smal waves-effect waves-light"><i id="'+id+'" data-target="modal1" class="btn-floating modal-trigger small material-icons">info_outline</i></a></td>'+
    '<td><a class="btn-floating btn-smal waves-effect waves-light"><i class="btn-floating small material-icons" onClick="Javacsript:deleteRow(this)">delete</i></a></td>'+
    '<td><img src ="' + image + '"class="responsive-img"></td>'+
                                '<td>'+featureTitle+'</td>'+
                                '<td>'+name+'</td>'+
                                '<td>'+timestamp+'</td>'+
                                '<td>'+coordinatesx+'</td>'+
                                '<td>'+coordinatesy+'</td>'+
                                '</tr>');

title_array[id] = featureTitle;
content_array[id] = 'id:   '+id+'<br />'+'title:   '+featureTitle+'<br />'+'Name:   '+name+'<br />'+'timestamp:   '+timestamp+'<br />'+'coordinatesx:   '+coordinatesx+'<br />'+'coordinatesy:   '+coordinatesy+'<br />'+'pos_Acc:   '+pos_Acc+'<br />'+'height:   '+height+'<br />'+'evidenve_o:   '+evidenve_o+'<br />'+'evidence_f:   '+evidence_f+'<br />'+'riverBank:   '+riverBank+'<br />'+'temperature:   '+temperature+'<br />'+'weather:   '+weather+'<br />'+'fieldComm:   '+fieldComm+'<br />'+'MAkeandM:   '+MAkeandM+'<br />'+'azimuth:   '+azimuth+'<br />'+'editor:   '+editor+'<br />'+'pitch:   '+pitch+'<br />'+'version:   '+version+'<br />'+'roll:   '+roll+'<br /><td><img src ="' + image + '"class="responsive-img"></td>';

}
$('.modal-trigger').click(function() {

  $('#modal1').openModal();
        $(".modal_title").text(title_array[$(this).attr('id')]);
        $(".modal_text").html(content_array[$(this).attr('id')]);
        $(this).leanModal();
    });

$('.modal-trigger1').click(function() {

  $('#bottommodal1').openModal();
  $(this).leanModal();
});

$('.modal-triggerclose').click(function() {

  $('#modal1').closeModal();
});


});</script>

$（文档）.ready（函数（）{
//.modal触发器的“href”属性必须指定要触发的模态ID
var text=“kndsknjdsknjdsnk”
var obj=文本；
var title_数组=[]；
var content_数组=[]；
对于（变量i=0；i'+'title:'+featureTitle+'
'+'Name:'+Name+'
'+'timestamp:'+timestamp+'
'+'coordinares:'+coordinares+'
'+'coordinaresy:'+coordinaresy+'
'+'pos Acc:'+pos Acc+'
'+'height:'+pos Acc+'
'+'height:'
'+'height:'+'feature o:'
'+'feature+河岸+'
'+'temperature:'+temperature+'
'+'weather:'+weather+'
'+'fieldComm:'+fieldComm+'
'+'MAkeandM:'+MAkeandM+'
'+'方位角：'+方位角+'
'+'编辑器：'+editor+'
'+'音高：'+pitch+'
'+'版本：'+version+'
'+'roll:'；
}
$（'.modal trigger'）。单击（函数（）{
$（'#modal1'）.openModal（）；
$（“.modal_title”）.text（title_数组[$（this.attr（'id'））；
$（“.modal_text”）.html（内容数组[$（this.attr（'id'）））；
$（this.leanmodel（）；
});
$（'.modal-trigger1'）。单击（函数（）{
$（'#bottommodal1'）.openModal（）；
$（this.leanmodel（）；
});
$（'.modal triggerclose'）。单击（函数（）{
$（'#modal1'）.closeModal（）；
});
});

谢谢您的帮助

我发现了我的错误

$（this.leanmodel（）；导致错误的原因是我打开了它两次，所以没有这个，它可以正常工作

$('.modal-trigger1').click(function() {
$('#bottommodal1').openModal();
});

---

当“页面崩溃”时会发生什么？没有任何东西是可以点击的，它会变暗。你说：“我创建的两个模态只打开两次”这是指两个不同的模态只打开一次还是同一个模态打开两次？我不在乎第二次单击两个模态中的哪一个。例如，如果单击modal1，然后单击modal2，然后再次单击modal1，则会崩溃。或者如果我点击modal1，然后再次点击modal1，它也会崩溃。这是因为你没有在打开它们之前关闭它们。因此，当您再次尝试打开模式1时，它仍然处于打开状态。