我有一类链接,单击时会启动一个模式窗口。在模态窗口中,如何访问生成模态的对象的 href?我的目标是在模式窗口中使用一个按钮,单击该按钮将打开一个指向调用者的 href 的窗口。
我不需要代码来显示此类链接的模式窗口,只需要如何访问父对象的值。
谢谢
请求的示例:
<li><a href="http://foo" rel="ExtLink">blah</a></li>
<li><a href="http://bar" rel="ExtLink">Test</a></li>
模态:
<div class="modal fade" id="ModalTest" tabindex="-1" role="dialog" aria-labelledby="ModalTestLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="ModalTestLabel">External URL warning</h4>
</div>
<div class="modal-body">
External URL warning here.
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Exit</button>
<button type="button" class="btn btn-primary">I understand, visit link</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
从 JS 打开:
$("a[rel='ExtLink']").click(function(e){
$('ModalTest').show();
});
因此,如果我单击其中任何一个,都会打开模式窗口。在模态窗口中,我想要一个按钮,按下该按钮会启动调用者的 href。谢谢
最佳答案
试试这个,
$(document).on("click", "ul li a", function (e) {
e.preventDefault();
e.stopPropagation();
var link = $(this).attr('href');
$("#myModal a").attr('href',link);
$(".moadl").modal("show");
});
html
<ul>
<li><a href="http://foo" rel="ExtLink">blah</a></li>
<li><a href="http://bar" rel="ExtLink">Test</a></li>
</ul>
<div class="modal hide" id="myModal">
<div class="modal-header">
<button class="close" data-dismiss="modal">×</button>
<h3>Modal header</h3>
</div>
<div class="modal-body">
<a href="">go to link</a>
</div>
</div>
关于javascript - Bootstrap - 模态 - 访问父对象的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21381482/