加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

events – bootstrap如何检测哪个按钮关闭’hidden_??modal_bs’

发布时间:2020-12-18 00:21:22 所属栏目:安全 来源:网络整理
导读:我在主页上有一个欢迎类型bootstrap-modal,显示三个按钮,每个按钮应加载不同的页面 这是HTML的相关摘录 div class="modal fade" id="welcomeModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" div class="modal-dialog
我在主页上有一个欢迎类型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';
    }
});

(注意:这个JS显然不起作用.这只是我的最后一次尝试)

所以,问题是:如何从hidden.modal.bs函数中找到哪个按钮被按下?

解决方法

而不是hidden.bs.modal,看看hide.bs.modal,它在关闭对话框之前被触发.

而不是查看e,尝试查看document.activeElement(如document.activeElement.innerText或document.activeElement.id).

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读