Javascript .on（'；show.bs.modal'；）上，函数（）在safari和firefox中不工作

我对Jquery和Bootstrap v3.3.7有问题。 当我尝试在firefox和safari浏览器上使用.on（'show.bs.modal'，函数（）时，它不起作用（在chrome浏览器中工作）

我无法获取“日期id”的值

我该怎么办

$（函数（）{
$（“#bookModal”）.modal({
键盘：没错，
背景：“静态”，
秀:假,，
}).on（'show.bs.modal'，function（）{
var getIdFromRow=$（event.target）.data（'id'）；
$（this）.find（'#orderDetails'）.html（$（'orderid selected:'+getIdFromRow+''）
});
})；

2018年3月
日期
理发师
08.00-08.30 
08.30-09.00 
第一个星期六。
杰克
&时代；
接近

您需要使用以下代码绑定到实际模态：-

.on('show.bs.modal', function(event){// pass event as a parameter
    var targetTd = $(event.relatedTarget); // get td which triggered the modal
    var getIdFromRow = $(targetTd).data('id');// get the attribute
    $(this).find('#orderDetails').html($('<b> Order Id selected: ' + getIdFromRow  + '</b>'))
});

.on（'show.bs.modal'，函数（事件）{//将事件作为参数传递
var targetd=$（event.relatedTarget）；//获取触发模式的td
var getIdFromRow=$（targetTd.data（'id'）；//获取属性
$（this）.find（'#orderDetails'）.html（$（'orderid selected:'+getIdFromRow+''）
});

工作片段：-

$（函数（）{
$（“#bookModal”）.modal({
键盘：没错，
背景：“静态”，
秀:假,，
}).on（'show.bs.modal'，函数（事件）{
var targetd=$（event.relatedTarget）；
var getIdFromRow=$（targetTd）.data（'id'）；
$（this）.find（'#orderDetails'）.html（$（'orderid selected:'+getIdFromRow+''）
});
})；

2018年3月
日期
理发师
08.00-08.30 
08.30-09.00 
09.00-09.30 
09.30-10.00 
10.00-10.30 
10.30-11.00 
11.00-11.30 
11.30-12.00 
12.00-12.30 
12.30-13.00 
13.00-13.30 
13.30-14.00 
14.00-14.30 
14.30-15.00 
15.00-15.30 
15.30-16.00 
16.00-16.30 
16.30-17.00 
17.00-17.30 
17.30-18.00 
18.00-18.30 
18.30-19.00 
19.00-19.30 
19.30-20.00 
20.00-20.30 
20.30-21.00 
21.00-21.30 
21.30-22.00 
22.00-22.30 
22.30-23.00 
第一个星期六。
杰克
&时代；
接近

谢谢你的回答。现在firefox浏览器可以使用了，但safari仍然不能使用（我正在ipad ios 10.2上测试）。你对我有什么建议吗？我找到了。非常感谢你的帮助：）@zinlucifer很高兴听到你也尝试了一些东西。很高兴帮助你：）