用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内容

回答

相关问题