我在目标网页中使用了typewriting.js效果。
var typeWriting = new TypeWriting({
targetElement : document.getElementsByClassName('sta-inner')[0],
inputString : 'hablen',
typing_interval : 120,
blink_interval : '1s',
cursor_color : '#222',
}, function(event) {
setTimeout(function() { typeWriting.rewrite("comenten").stopPropagation(); }, 1500);
setTimeout(function() { typeWriting.rewrite("den likes").stopPropagation(); }, 3500);
setTimeout(function() { $(".insta-foto").fadeIn(1000).stopPropagation(); }, 5000);
});
它工作正常(它会执行并停止),直到我点击我的引导模态。单击我的模态时,模态将仅显示1秒,并且打字机效果将再次以非常快的速度开始。
<%= link_to "<button class='btn btn-outline-grey' data-toggle='modal' data-target='#myModal'>Login</button>".html_safe, "#", locals: (@brand) %>
如何让JS(Typewritter和modal)同时工作?