执行Bootstrap模式时,打字效果会变得很疯狂

时间:2016-08-01 21:32:56

标签: javascript jquery twitter-bootstrap

我在目标网页中使用了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)同时工作?

这是我的控制台在点击模态时会说的话: enter image description here

0 个答案:

没有答案