小编Dee*_*ini的帖子

在Bootstrap 4上出现错误:"未捕获的错误:工具提示正在转换"

我正在使用Bootstrap 4,在我当前的网站上,我正在使用Tooltip.我的JS格式正确,但有时我在Console中出错.

这是我的Javascript | Bootstrap 4

<script src="vendor/assets/js/jquery.min.js"></script>
<script src="vendor/assets/js/jquery.easing.min.js"></script>
<script src="vendor/assets/js/tether.min.js"></script>
<script src="vendor/assets/js/bootstrap.min.js"></script>

Run Code Online (Sandbox Code Playgroud)

这是Tooltip Javascript

$(document).ready(function(){
    $('[data-toggle="tooltip"]').tooltip();   
});

Run Code Online (Sandbox Code Playgroud)

这是控制台中的错误

bootstrap.min.js:7 Uncaught Error: Tooltip is transitioning
   at h.hide (bootstrap.min.js:7)
   at h._leave (bootstrap.min.js:7)
   at HTMLAnchorElement.<anonymous> (bootstrap.min.js:7)
   at HTMLAnchorElement.dispatch (jquery.min.js:3)
   at HTMLAnchorElement.r.handle (jquery.min.js:3)
   at Object.trigger (jquery.min.js:3)
   at Object.simulate (jquery.min.js:3)
   at HTMLDocument.c (jquery.min.js:3)

Run Code Online (Sandbox Code Playgroud)

html javascript css jquery twitter-bootstrap

Dee*_*ini

2018 02-23

8
推荐指数

2
解决办法

4045
查看次数

select2 on select data-select2-id 属性添加在选择选项之前的所有 div 中

我正在使用 select2，当有人在选择下拉列表中选择值时。select2 添加data-select2-id到 select2 之前的所有 div 中， data-select2-id值不一样，但每次都会增加。

看看下面的图片

      $(function () {
        //Initialize Select2 Elements
        $('.select2').select2()
      });

Run Code Online (Sandbox Code Playgroud)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/css/select2.min.css">
</head>
<body>
  
      <div class="row">
        <div class="form-group">
          <label>Minimal</label>
          <select class="form-control select2" style="width: 100%;">
            <option selected="selected">Alabama</option>
            <option>Alaska</option>
            <option>California</option>
            <option>Delaware</option>
            <option>Tennessee</option>
            <option>Texas</option>
            <option>Washington</option>
          </select>
        </div>
      </div>
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/js/select2.full.min.js"></script>
  </body>
</html>

Run Code Online (Sandbox Code Playgroud)

javascript jquery-select2

Dee*_*ini

lucky-day

5
推荐指数

1
解决办法

4872
查看次数