用nyroModal显示div内容

如何解决用nyroModal显示div内容

| 我正在使用nyroModal jquery插件。 但是我有一个简单的问题： 我有一个隐藏的div，其ID为

mydiv

（样式为

display: none;

）。 如果用户单击ID为

button

的另一个div，则应在模式框中显示

mydiv

。 怎么样？ （主体代码为：）

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

非常感谢你。     

解决方法

        休闲代码用于显示div ...

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

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

如果要以模式显示它，则必须将此div放置在模式中……     ,        除了模拟来自隐藏链接的点击事件外，我认为这是唯一的方法。您需要使用$ .nmData（data，options）函数传递数据。

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

    ,        我只想显示一个简单的弹出窗口，请检查以下代码段，

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

#modal_box {
	width:50%;
	margin:0 auto;
	height:300px;
	text-align:center;
	position:absolute;
	right:;
	left:0;
	right:0;
	top:25%;
	display:none;
	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>