bootstrap 如何检测哪个按钮关闭了“hidden_​​modal_bs”事件函数上的模式对话框?

2024-01-13

我在主页上有一个欢迎类型的 bootstrap-modal,显示三个按钮,每个按钮都应该加载不同的页面

这是 HTML 的相关摘录

<div class="modal fade" id="welcomeModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" >
  <div class="modal-dialog" >
    <div class="modal-content" ;">
      <div class="modal-header">
        <h3 class="modal-title" id="ModalLabel">Welcome to Here</h3>
      </div>
      <div class="modal-body" style='height: 90.5%;'>
        <span style="display:td;text-align;center;">Blah Blah BLah</span>
      </div>
      <div class="modal-footer">
        <div class="btn-group">
          <a id='taketour' class="btn btn-default btn-lg" data-dismiss="modal" ,aria-hidden="true" href="/tour">Take a tour</a>
          <a id='register' class="btn btn-default btn-lg" data-dismiss="modal" aria-hidden="true" href="/add">Register</a>
          <a id='login' class="btn btn-default btn-lg" data-dismiss="modal" aria-hidden="true" href="/login">Login</a>
        </div>
      </div>
    </div>
  </div>
</div

这是我的 JS

$(window).load(function(){
    $('#welcomeModal').modal('show');
});

$('#welcomeModal').on('hidden.bs.modal', function (e) {
    if (e.id == 'taketour') {
        $(window).location=e.href;
    }
    if (e.id == 'login') {
        $('#welomeModal').remote='element-login';
    }
});

(注:这显然是行不通的。这只是我最后的尝试)

所以,问题是:如何找到按下了哪个按钮inside the hidden.modal.bs功能 ?


代替hidden.bs.modal, 看一下hide.bs.modal,在对话框关闭之前触发。

不要看 e,而是尝试看document.activeElement (like document.activeElement.innerText, or document.activeElement.id).

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

bootstrap 如何检测哪个按钮关闭了“hidden_​​modal_bs”事件函数上的模式对话框? 的相关文章

随机推荐