訪問同一個彈出窗口的多個數據對話框問題

Question

我想通過兩個不同的鏈接打開同一個彈出窗口，並且在我的網頁上集成了一個非常酷的彈出窗口http://tympanus.net/Development/DialogEffects當我使用data-dialog =「註冊「只有一次超鏈接。但是當我像下面的例子那樣使用它兩次時，彈出窗口不顯示。

<a href="#" data-dialog="signup">WATCH DEMO</a> 
<a href="#" data-dialog="signup">FREE TRIAL</a> 

請指導我如何通過多個超鏈接打開相同的彈出窗口。

下面是代碼：

(function() { 
    var dlgtrigger = document.querySelector('[data-dialog]'), 
    signup = document.getElementById(dlgtrigger.getAttribute('data-dialog')), 
    dlg = new DialogFx(signup); 
    dlgtrigger.addEventListener('click', dlg.toggle.bind(dlg)); 
    })(); 

<div id="signup" class="dialog"> 
    <div class="dialog__overlay"></div> 
    <div class="dialog__content signup_popup"> 
     <p>content goes here...</p> 
    </div> 
</div> 

Answer 1

您需要註冊功能的兩倍，例如：

$('[data-dialog-overlay]').each(function() 
{ 
    var dlgtrigger = this; 
    somedialog = document.getElementById(dlgtrigger.getAttribute('data-dialog-overlay')); 
    dlg = new DialogFx(somedialog); 

    dlgtrigger.addEventListener('click', dlg.toggle.bind(dlg)); 
});