我想通过单击按钮来打开Bootstrap模式。我无法在浏览器和某些银河设备上工作，但无法在Iphone和Galaxy A70上工作。 （我的朋友也在A70上尝试过，效果很好！！）
我真的不知道发生了什么事，因为它在以前一直有效，现在我只是更改了模态内容。
此外，当我在此功能内-在我的JS代码上的$（“＃exampleModalCenter”）。on（“ show.bs.modal”）中编写警报时，该警报会显示在我的设备中。
如果有人可以帮助我，我将非常感激！
我的用于触发模式的HTML代码：
<button type="button" style="font-size: medium ;" class="btn btn-outline-primary btn-sm btn-block container-non-responsive" data-toggle="modal" data-target="#exampleModalCenter" data-title="T-shirt" data-tag="3">
<b>choose</b>
</button>
</p>
我的模态：
<div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content" style="margin-right: 15px;">
<div class="modal-header " dir="rtl">
<h5 class="modal-title " id="exampleModalCenterTitle" dir="rtl"></h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true" style="margin-right: 65px;">×</span>
</button>
</div>
<div class="modal-body">
<div class="form-row">
<div class="col-md-4 mb-3 ">
<table class="table table-borderless table-sm">
<tr>
<td>
<div class="btn-group dropdown " dir="rtl">
<button class="btn btn-default dropdown-toggle" type="button" id="dropDownQuantity" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
</button>
<div class="dropdown-menu quantites" aria-labelledby="dropdownMenu2">
</div>
</div>
</td>
<td>
<div class="dropdown ">
<button class="btn btn-default dropdown-toggle" type="button" id="dropDownSize" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" dir="rtl">
</button>
<div class="dropdown-menu sizes" aria-labelledby="dropdownMenu2">
</div>
</div>
</td>
<td>
<div class="dropdown ">
<button class="btn btn-default dropdown-toggle" type="button" id="dropDownColor" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" dir="rtl">
</button>
<div class="dropdown-menu color" aria-labelledby="dropdownMenu2" id="colorDiv">
</div>
</div>
</td>
</tr>
<tr id="americanTr">
<td></td>
<td></td>
<td>
<div class="dropdown " id="americanChoseSleeveDD">
<button class="btn btn-default dropdown-toggle" type="button" id="dropDownSleeveColor" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" dir="rtl">
</button>
<div class="dropdown-menu Sleevecolor" aria-labelledby="dropdownMenu2" id="sleeveColorDiv">
</div>
</div>
</td>
</tr>
</table>
<table class="table table-borderless table-sm">
<tr>
<td>
<div class="btn-group dropdown " dir="rtl">
<button class="btn btn-outline-primary dropdown-toggle " type="button" id="dropDownSchool" style="margin-left: 40px;" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
</button>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-lg-left school" id="schoolDiv" aria-labelledby="dropdownMenu2">
</div>
</div>
</td>
<td>
<div class="btn-group dropdown " dir="rtl">
<button class="btn btn-outline-primary dropdown-toggle " type="button" id="dropDownLocation" style="margin-right: 10px;" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
</button>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-lg-left location" id="cityDiv" aria-labelledby="dropdownMenu2">
</div>
</div>
</td>
</tr>
</table>
<div class="col-md-6 mb-3" dir="rtl" id="schoolNameElseDiv">
<label for="schoolName" style="float: right;">else</label>
<input type="text" class="form-control" name="schoolName" id="schoolNameElseInput" placeholder="add your school name" value="" required>
<div class="invalid-feedback d-block" style="text-align: right;">
required
</div>
</div>
</div>
</div>
</div>
<table class="table table-borderless table-sm" id="symbols" style="max-width: 100%;">
<tr id=symbolsPlace>
</tr>
</table>
<p class="mb-1 text-muted text-center text-small">
<a href=" #0" onclick="openSizeRuler()">open size ruler</a> </p>
<div class="modal-footer" dir="rtl">
<div class="container">
<div class="row">
<div class="col text-center">
<span class="d-inline-block" tabindex="0" data-toggle="tooltip" title="required">
<button type="button" disabled onclick="addToCartClick()" class="btn btn-outline-secondary " id="addToCart" style="pointer-events: none;"> add <i class="fas fa-shopping-basket"></i></button>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
OpenSizeRuler函数在内部打开另一个模式。
希望您的指导对我有帮助。
UPDATE：
我发现了问题，但我不知道如何解决：
在模态中，我有一个下拉列表，其值取自另一个类。当我在生成下拉列表的函数中创建该类的实例时-模态停止工作并且不显示。
我使用课程的方式：
function generateCityDD() {
var citiy = new Schools();
var cityArr = citiy.getCitiesArr();
appendToDropDown(cityArr, "cityDiv");
$(".location button").click(function() {
$("#dropDownLocation").text($(this).text());
selectLocation = $(this).text();
$("#dropDownSchool").text("choose a school");
selectSchool = null;
validate();
generateSchoolsDD();
});
}
任何想法？
[几个小时后，我发现它-我的类构造函数有问题：）