2

我正在动态使用 Bootstrap 的模态背景，并且遇到了延迟问题。场景是我有一个显示从服务器检索到的信息的 div。当我双击该 div 时，它会增长，变成模态并向我显示有关该元素的更多详细信息。随着时间的推移，滞后变得越来越大，当我检查 chrome 开发工具时，似乎我的 Bootstrap 背景出现了（虽然我看不到它），然后几秒钟后它实际上会显示信息。

这是下面的 jsFiddle 链接的代码：

<div id="container">
    <div class="rect">Double Click Me!</div>
</div>

<div id='mask' class='modal fade'>
    <div class="modal-container"> </div>     
</div> 

$('.rect').dblclick(function()
{
    var clonedElem = $('.modal-container');

    clonedElem.css({'width' : '35%', 'height' : '90%'});
    clonedElem.offset({left : ($(window).width()/3) });

    clonedElem.html(function()
    {
        var html = '<h4>Big Rectangle</h4>';
        return html;    
    });

    $('#mask').modal();
});

链接是http://jsfiddle.net/ukL48/1/但我无法重现该问题。我想小提琴和项目之间的主要区别是我没有从小提琴上的服务器上抓取任何东西。有任何想法吗？

4

1 回答 1

3

事实证明，这不是 Bootstrap 模态代码的错，而是双击的错。很多人都知道双击会干扰单击，但是我的代码没有明确使用该元素的单击事件。该 '.rect' 元素使用拖动 (jQuery) 事件，这在不经意间意味着使用单击。我不得不使用库进行长按，直到找到导致这两个事件不发生冲突的东西。

于 2013-11-16T00:09:57.703 回答