Question

我在尝试将Bootstrap-Selectpicker放在同一页面上时遇到了很多问题， Bootstrap-Datetimepicker，Bootstrap-Table，Bootstrap Modal表格...

所以我决定从头开始做事。我有以下代码给我一个错误：

<div class="electronic">
      <p>CONTABILIDAD ELECTRONIC</p> <div class="img1> </div>
    </div>

$(document).ready(function () {
   $('.selectpicker').selectpicker({
       style: 'btn-info',
       size: 4
   });
});

但是以这种方式放置我的脚本时，它不会给出任何错误。

<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
    <title>Untitled 1</title>

    <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" media="screen" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.9.3/css/bootstrap-select.min.css">
    <script src="~/Scripts/umd/popper.min.js"></script>
    <script src="~/Scripts/jquery-3.3.1.min.js"></script> @**** Version de JQUERY utilisée **** *@
    <script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.9.3/js/bootstrap-select.min.js"></script>  
</head>

<body>
    <select class="selectpicker">
        <option>Mustard</option>
        <option>Ketchup</option>
        <option>Relish</option>
    </select>
</body>

我认为我的后续问题均源于此。我在做什么错了？

Answer 1

您的DOM可能在加载bootstrap-select的外部依赖项之前就已加载（因为您使用的是文件的外部链接）。

尝试以下方法：

$(window).load(function() { 

   // bootstrap-select code

})

Bootstrap selectpicker包装在“ $ {document）.ready（function（）{”

1 个答案: