javascript — Magnific Popup не загружается на определенных частях страницы

Я пытаюсь вызвать всплывающее окно со ссылкой и используя 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 по ссылке). Странно, эта же ссылка работает в других частях программы. Что мешает загрузке моего всплывающего окна на этот конкретный фрагмент?