javascript - Bootstrap - 模态 - 访问父对象的值

标签 javascript jquery twitter-bootstrap

我有一类链接,单击时会启动一个模式窗口。在模态窗口中,如何访问生成模态的对象的 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">&times;</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>

JSFIDDLE

关于javascript - Bootstrap - 模态 - 访问父对象的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21381482/

相关文章:

javascript - 如何检查带有标签 : true using jquery? 的 select2 下拉列表中是否存在该值

php - Bootstrap - 如何水平对齐 foreach 内的卡片?

css - 我应该在 Rails 的哪个位置放置 bootstrap 字体文件夹以进行生产?

javascript - 如果字符串放置在 iframe 之后,则不会显示使用引导列表

javascript - 将 '<br>' 字符串注入(inject) innerHTML 时,HTML 未正确解释

javascript - 如何将页面中的某些标签替换为空

jquery - Bootstrap Center col-sm div inside row 类

javascript - typescript 在http请求上设置返回类型的正确方法

jquery - 与 jQuery 比较不区分大小写?

javascript - 我正在尝试设置 cookie 及其路径,但无法正确设置路径