延迟打开模式

Delay opening modal

本文关键字：模式 延迟      更新时间：2023-09-26

我想这样做：当你点击一个按钮时，网站会转到一个指定的部分，然后打开一个引导模式。

我试着延迟打开一个模态，这样网站就会转到指定的部分，然后模态就会显示出来。我试过使用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>

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

你有什么想法吗？提前感谢！

默认情况下，所有具有data-toggle="modal"的元素都绑定在bootstrap.js中，因此请将其替换为其他元素。如data-toggle="modal-delay"

<a data-toggle="modal-delay" data-target="#succes-modal"></a>

HTML

$('[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;
});

或

使用CCD_ 4。

根据Twitter Bootstrap文档，当单击带有data-toggle="modal"的元素时，将立即启动模式对话框。

如果想要自定义行为，请从按钮中删除data-toggle属性，然后使用其他选择器。

相关文章：