Javascript 延迟开启模式
我想这样做: 当您单击按钮时,站点将转到指定的部分,然后启动模式将打开 我试着延迟打开一个模式,这样网站就会转到指定的部分,然后显示模式。我尝试使用setTimeout函数,但问题是它不起作用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() {
$('[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;
});