用nyroModal顯示div內容

我正在使用nyroModal jquery插件。但我有一個簡單的問題：我有一個隱藏的div，它的ID是mydiv（樣式是display: none;）。如果用戶點擊ID爲button的另一個div，mydiv應顯示在模式框中。用nyroModal顯示div內容

怎麼樣？

（人體代碼:)

<div id="mydiv" style="display: none;"> 
    abcdabcd 
</div> 
<div id="button"> 
    Click! 
</div>

非常感謝你。

來源

2011-06-01 mrdaliri

你檢查出的演示部分......它給你所有的代碼你需要 – locrizak 2011-06-01 03:33:02

是的，我檢查了它。但只有2個手動鏈接在演示中。（手動調用以獲取ajax內容，通過其他鏈接手動調用）並且它們只用於鏈接（'href'），我沒有在'div' – mrdaliri 2011-06-01 04:21:05

休耕代碼是用於顯示在div ...

$('#button').click(function(){ 

     $('#mydiv').show(); 
});

如果你想顯示其在模式，那麼你必須把這個div模態

......

來源

2011-06-01 03:31:06 Vivek

的'href'中使用jquery的基本方式。但我想用nyroModal來展示它。 – mrdaliri 2011-06-01 04:16:38

其他比模擬隱藏鏈接的點擊事件，我認爲這是唯一的方法。您需要使用$ .nmData（數據，選項）函數傳遞數據。

$('#button').click(function(){ 
    $.nmData($('#mydiv').html()); 
});

來源

2016-12-12 01:18:24 partypete25

我只是想表明一個簡單彈出，請檢查下面的代碼片段，

$(function(){ 
 
\t var $button = $('#button'); 
 
\t $button.on('click', function(){ 
 
\t \t $('#modal_box').css('display','block'); 
 
\t }); 
 
\t $('.close').on('click', function(){ 
 
\t \t $('#modal_box').css('display','none'); 
 
\t }); 
 
});

#modal_box { 
 
\t width:50%; 
 
\t margin:0 auto; 
 
\t height:300px; 
 
\t text-align:center; 
 
\t position:absolute; 
 
\t right:; 
 
\t left:0; 
 
\t right:0; 
 
\t top:25%; 
 
\t display:none; 
 
\t background:#CCC; 
 
} 
 
.close { 
 
    position: absolute; 
 
    right: 15px; 
 
    top: 15px; 
 
}

<div id="modal_box"> <a href="#" class="close">Close</a></div> 
 
<div id="button"> Click here </div> 
 

 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

來源

2016-12-12 01:35:10

用nyroModal顯示div內容

回答

相關問題