Question

我正在尝试使用链接调用弹出窗口并使用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）。 奇怪的是，相同的链接在程序的其他部分有效。什么阻止我的弹出窗口加载这个特定的片段？

Answer 1

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

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

1 个答案: