Safari上未显示模态

Question

我创建了一个模式，当您单击一个元素时会显示该模式。它适用于大多数浏览器，但不适用于 Safari。我不确定为什么。 我已经尝试用 toggleClass 替换 addClass。

知道是什么原因造成的吗？

我的代码；

Javascript：

 // SHOW popup modal
jQuery(".trigger_popup").on('click', function(){
    var popupTarget = jQuery(this).attr('data-target');
    jQuery('.modal_popup').addClass('visible');
    jQuery('.popup-text.' + popupTarget).addClass('visible');

});

元素：

<span class="trigger_popup infoLable" data-target="bodem"><?php echo $wizardlang_bottomres ?></span>

谢谢！！

模态：

 <div class="popup-text bodem">
        <h2><?php echo $wizardlang_bottomres ?></h2>
        <p><?php echo $wizardlang_resultpopup_bottom ?></p>
    </div>

Answer 1

显然这只是模态 CSS 本身的问题。我使用了另一个模态示例，现在它可以工作了。