Jquery Rqin中的多個彈出窗口

我使用查詢雨創建彈出窗口，但我似乎無法弄清楚爲什麼當我點擊第二個窗口的按鈕出現時，即使它們具有不同的ID，也會顯示後續窗口內容。Jquery Rqin中的多個彈出窗口

這裏是我一起工作的代碼：

<body> 

<!-- button to open the popup --> 
    <button class="my_popup_open">Open popup</button> 

    <!-- Add content to the popup --> 
<div id="my_popup"> 

    ...First pop-up... 

    <!-- Add an optional button to close the popup --> 
    <button class="my_popup_close"></button> 

</div> 


<!-- button to open the popup --> 
    <button class="my_popup_open">Open Second popup</button> 

    <!-- Add content to the popup --> 
<div id="my_popupTwo"> 

    ...Pop-up NUMBER TWO... 

    <!-- Add an optional button to close the popup --> 
    <button class="my_popup_close"></button> 

</div> 


    <!-- Include jQuery --> 
    <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> 

    <!-- Include jQuery Popup Overlay --> 
    <script src="http://vast-engineering.github.io/jquery-popup-overlay/jquery.popupoverlay.js"></script> 

    <script> 
    $(document).ready(function() { 

     // Initialize the plugin 
     $('#my_popup').popup({ 
     opacity: 0.7, 
     transition: 'all 0.3s' 
     }); 

     // Initialize the plugin 
     $('#my_popupTwo').popup({ 
     opacity: 0.7, 
     transition: 'all 0.3s' 
     }); 

    }); 
    </script> 


</body>

任何建議非常感謝！

來源

2014-10-01 Tishok

看來，這個插件不處理同一頁上的多個彈出窗口。解決辦法是做一點小事以顯示選擇的一個彈出窗口。

Link to the website of the plugin

試試這個：

<button onclick="$('#my_popup').popup('show');">Open popup</button> 

<button onclick="$('#my_popupTwo').popup('show');">Open Second popup</button>

編輯：

關於關閉按鈕:)

<button onclick="$('#my_popup').popup('hide');"></button> 

<button onclick="$('#my_popupTwo').popup('hide');"></button>

來源

2014-10-01 10:06:27

好主意！除了第二個彈出窗口上的關閉按鈕外，其他功能都非常好。任何想法如何做一個小黑客的工作？ – Tishok 2014-10-01 10:39:34

我編輯了我的帖子:) – 2014-10-01 10:46:54

哇，太簡單了。如果你不能告訴，我在這個新的:)謝謝你的幫助！ – Tishok 2014-10-01 10:51:26

Jquery Rqin中的多個彈出窗口

回答

相關問題