jQuery Popup Overlay使用類時不顯示

任何想法爲什麼這不起作用，當它作爲一個類調用？我試圖爲數據庫中的每個條目創建文件內容的彈出窗口。稍微不相關的，但我想補充說明意圖。jQuery Popup Overlay使用類時不顯示

<div id="myModal">Filename</div> 

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

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

    <p class="my_popup">"$GPGGA,172247.103,,,,,0,0,,,M,,M,,*4F 
$GPGGA,172257.000,3027.4646,N,09008.6986,W,1,13,0.81,21.2,M,-26.0,M,,*6F 
$GPGGA,172307.000,3027.4661,N,09008.6977,W,1,14,0.71,23.3,M,-26.0,M,,*6B 
$GPGGA,172317.000,3027.4681,N,09008.6962,W,1,14,0.71,23.9,M,-26.0,M,,*6A 
$GPGGA,172327.000,3027.4683,N,09008.6927,W,1,14,0.72,23.5,M,-26.0,M,,*65 
$GPGGA,172337.000,3027.4684,N,09008.6880,W,1,14,0.71,23.3,M,-26.0,M,,*6A 
$GPGGA,172347.000,3027.4679,N,09008.6880,W,1,17,0.62,23.4,M,-26.0,M,,*69 
$GPGGA,172357.000,3027.4679,N,09008.6880,W,1,17,0.62,23.4,M,-26.0,M,,*68 
$GPGGA,172407.000,3027.4679,N,09008.6881,W,1,18,0.60,23.3,M,-26.0,M,,*61 
$GPGGA,172417.000,3027.4678,N,09008.6881,W,1,19,0.58,23.3,M,-26.0,M,,*6B 
$GPGGA,172427.000,3027.4675,N,09008.6899,W,1,19,0.57,23.2,M,-26.0,M,,*62 
$GPGGA,172437.000,3027.4688,N,09008.6963,W,1,19,0.57,21.7,M,-26.0,M,,*62 
$GPGGA,172447.000,3027.4690,N,09008.6973,W,1,18,0.59,20.3,M,-26.0,M,,*67 
$GPGGA,172507.000,3027.4695,N,09008.6981,W,2,18,0.59,17.3,M,-26.0,M,0000,0000*6D 
$GPGGA,172517.000,3027.4697,N,09008.6981,W,2,18,0.59,15.5,M,-26.0,M,0000,0000*6A 
$GPGGA,172527.000,3027.4700,N,09008.6980,W,2,18,0.59,14.1,M,-26.0,M,0000,0000*62 
"</p> 


    </div> 








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

    <!-- Include jQuery Popup Overlay --> 
    <script src="https://cdn.rawgit.com/vast-engineering/jquery-popup-overlay/1.7.10/jquery.popupoverlay.js"></script> 



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

     // Initialize the plugin 
     $('.my_popup').popup(); 

    }); 
    </script>

如果我改變：

$('.my_popup').popup();

要：

<p id="my_popup"> 

    and 


$('#my_popup').popup();

它工作正常。但是，這不會讓我在單個頁面上覆制設置。

來源

2015-10-23 Kenny Powers

您正在使用的庫顯式引用節點的id來標識打開/關閉按鈕元素。從它的source code：

var openelement = (options.openelement) ? options.openelement : ('.' + el.id + opensuffix);

讓您可以通過提供自己的openelement，就像如下：

$('.my_popup').popup({ openelement: ".my_popup_open" });

來源

2015-10-23 01:36:07 Griffith

抱歉，您是在指定我改變的元素有ID的中間= 「my_popup」也是如此，它允許它爲一個實例工作，但我不明白爲什麼它不能與類選擇器一起工作嗎？ –

另外，這裏是它使用的庫： http：// dev .vast.com/jquery-popup-overlay/ –

沒問題，我會更新答案 – Griffith

jQuery Popup Overlay使用類時不顯示

回答

相關問題