Question

除了工具提示外，我还使用了引导程序弹出窗口。我有一个表，其中有多行。而且我已经使用popover来显示该行的选项。我正在为行进行延迟加载。因此，当我的记录很少时，效果很好，但是当行数更接近300-400时，几乎需要4秒钟才能显示弹出窗口。我检查了弹出窗口是否已初始化并正确隐藏。知道为什么要花这么长时间吗？

脚本代码：

$context.popover({
  container: 'body',
  html: true,
  trigger: 'manual',
  placement: function(pop, trig) {
    //Some code..
  }
}).on('click', function(e) {
  e.preventDefault();

  /**
   * Clicking any tooltip will hide all others on the page.
   */
  $('.xx-tooltip, .xx-left-tooltip').not($(this)).popover('hide');
  $(this).popover('show');
});

HTML：

<p><a href="#" data-toggle="popover" data-title=""
                        data-html="true"
                        data-content=
                           "<a class='someClass' data-action = 'xxx' href='#'> option1 </a>
                            <a class='someClass' data-action = 'xxx' href='#'> option2</a>
                            <a class='someClass' data-action = 'xxx' href='#' target=''> option3</a>
                            <a class='someClass' data-action = 'xxx' href='#' target=''> option4</a>
                            <a class='someClass' data-action = 'xxx' href='#' target=''> option5</a>
                            <!-- bunch of more options -->
                        data-placement="bottom" class="xx-tooltip xx-popover-icon testClass"></a>
                    </p>

上面是popover的html代码（在行内，并且动态创建多行）

还有一件事，所有代码都可以正常工作，单击其他弹出窗口链接时，先前的弹出窗口会被隐藏，问题在于时间。

谢谢您的时间。

Bootstrap Popover花费的时间太长

0 个答案: