Magnific Popup 未加载到页面的特定部分答案

【问题标题】：Magnific Popup not loading on specific parts of pageMagnific Popup 未加载到页面的特定部分
【发布时间】：2015-12-08 06:28:37
【问题描述】：

我正在尝试使用链接调用弹出窗口并使用 Magnific Popup 来实现相同的目的。该代码在测试条件下正常运行，但在集成到主项目期间，它拒绝打开。

我用来调用弹窗的代码如下

<a class="popup-modal" href="#callflow">Open Open Popup</a>

它在独立运行时完美运行。我正在尝试将其与以下动态代码片段集成。

<td id="data_column_new" class="xcol" style="background-color:<?=$colour;?>" width=50>
<a href="javascript:popup('popUpDiv','<?=$dataset['orderid'];?>','<?=$followdate;?>',
'<?=$dataset['sales_status'];?>','<?=$dataset['sremark'];?>','<?=$id;?>','<?=$closuredate;?>');">
<img src="<?=$generalVars['IMAGE_ROOT']?>editIcon.gif" id="<?=$id;?>" />
</a>
&nbsp;&nbsp;

<a class="popup-modal" href="#callflow">Open Popup</a>

&nbsp;&nbsp;
<a href="javascript:showSalesTransHistory('<?=base64_encode($dataset['orderid']);?>')" 
style="color:#003399;text-decoration:none">
<?=$dataset['sales_status'];?>
</a>

但是这次点击链接时，它只会改变 url（根据链接添加#callflow）。 奇怪的是，相同的链接在程序的其他部分也有效。是什么阻止了我的弹出窗口加载到这个特定的片段上？

【问题讨论】：

你的 JavaScript 控制台有错误吗？
没有。控制台很干净。

标签： javascript php html popup magnific-popup

【解决方案1】：

只需将您的 Magnific Popup 的 Z-index 设置为最大值。就 css 而言，它应该是 z-index 问题。还请检查您的背景是否透明。快乐编码:)

【讨论】：