Question

我正在使用nyroModal jquery插件。但我有一个简单的问题：我有一个隐藏的div，它的id为mydiv（样式为display: none;）。如果用户点击标识为button的另一个div，则mydiv应显示在模式框中。

如何？

（正文代码是：）

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

非常感谢。

Answer 1

以下代码用于显示div ...

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

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

如果你想以模态显示它，那么你必须把这个div放在模态......

Answer 2

除了从隐藏链接模拟点击事件之外，我认为这是唯一的方法。您需要使用$ .nmData（data，options）函数传递数据。

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

Answer 3

我只是想显示一个简单的弹出窗口，请查看下面的代码片段，

＆＃13;

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

＆＃13;

#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;
}

＆＃13;

<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>

＆＃13;

用nyroModal显示div内容

3 个答案: