Javascript 延迟开启模式

Javascript 延迟开启模式,javascript,jquery,twitter-bootstrap,Javascript,Jquery,Twitter Bootstrap,我想这样做: 当您单击按钮时,站点将转到指定的部分,然后启动模式将打开 我试着延迟打开一个模式,这样网站就会转到指定的部分,然后显示模式。我尝试使用setTimeout函数,但问题是它不起作用 $('[data-toggle=modal]').on('click', function (e) { var $target = $($(this).data('target')); $target.data('triggered',true); setTimeout(function() {

我想这样做: 当您单击按钮时,站点将转到指定的部分,然后启动模式将打开

我试着延迟打开一个模式,这样网站就会转到指定的部分,然后显示模式。我尝试使用setTimeout函数,但问题是它不起作用

$('[data-toggle=modal]').on('click', function (e) {
var $target = $($(this).data('target'));
$target.data('triggered',true);
setTimeout(function() {
    if ($target.data('triggered')) {
        $target.modal('show')
            .data('triggered',false); //
    };
}, 2000); // milliseconds
return false;
});
按钮如下所示:

<div type="button" data-toggle="modal" data-target="#succes-modal"><a href='#your-succes' rel="m_PageScroll2id"><div class='home_slider_btn'>READ MORE</div></a></div>

我使用了那个脚本,但模式是在你点击一个按钮后打开的。我不知道为什么这个功能不能正常工作

你有什么想法吗?提前谢谢

根据Twitter引导,当单击带有
data toggle=“modal”
的元素时,会立即启动模态对话框


如果您想要自定义行为,请从按钮中删除
数据切换
属性,并使用不同的选择器。

默认情况下,所有带有
数据切换=“modal”
的元素都绑定在
bootstrap.js中,因此用其他内容替换它。例如
data toggle=“modal delay”


使用
event.stopPropagation()

为您的代码做一把小提琴。这是你从这个地方抄来的。你尝试过什么吗?是的,a尝试过其他一些解决方案,包括来自该线程的第二个脚本。它不起作用了…谢谢!它几乎起作用了。这一切都很好,但问题是,当你关闭一个模态并尝试再次打开它时,它在第一次单击时就工作了displaying@Marcin324,请把链接转发给我好吗?还是制造一把小提琴来重新制造问题?
<a data-toggle="modal-delay" data-target="#succes-modal"></a>
$('[data-toggle=modal-delay]').on('click', function (e) {
      var $target = $($(this).data('target'));
      $target.data('triggered',true);
      setTimeout(function() {
            if ($target.data('triggered')) {
                 $target.modal('show')
                 .data('triggered',false); //
            };
      }, 2000); // milliseconds
      return false;
});