私はブートストラップセレクトの.selectpickerクラスを動作させることができません。

ここにはマークアップしたHTMLコードがありますが、ページを読み込むたびにselectタグは表示されません。私は必要なリンクをすべて含んでいると信じています。selectタグから.selectpickerクラスを削除すると、通常表示されるので、なぜこのタグが表示されないのか分からなくてはなりません。ありがとう！私はブートストラップセレクトの.selectpickerクラスを動作させることができません。

<!doctype html> 
 

 
<html lang="en"> 
 

 
<head> 
 

 

 
    <meta charset="utf-8"> 
 

 
    <title>Test</title> 
 
    <meta name="description" content="The HTML5 Herald"> 
 
    <meta name="author" content="SitePoint"> 
 

 
    <link rel="stylesheet" href="css/styles.css?v=1.0"> 
 
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.2/css/bootstrap-select.min.css"> 
 

 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.2/js/bootstrap-select.min.js"></script> 
 

 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.2/js/i18n/defaults-*.min.js"></script> 
 

 

 

 
    <!--[if lt IE 9]> 
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script> 
 
    <![endif]--> 
 
</head> 
 

 
<body> 
 
    <select class="selectpicker" style="btn-info"> 
 
     <option>Mustard</option> 
 
     <option>Ketchup</option> 
 
     <option>Relish</option> 
 
    </select> 
 

 
    <script> 
 
     $('.selectpicker').selectpicker({ 
 
      style: 'btn-info', 
 
      size: 4 
 
     }); 
 

 
    </script> 
 
</body> 
 

 
</html>

出典

2017-06-08 Alex Carlson

below-コードを確認してください、私は、「データ形式」と、まだ変更なしにselectタグの「スタイル」属性を変更しました。 –

あなたは、ユーザーが複数選択できるように、複数追加することができ、その罰金働いコード - 以下を確認してください

libraries-正しいCSSやJavaスクリプトが含まれていませんでしたオプションのリストが長い場合は、data-live-search-style = "startsWith"を試してください。

は

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <title>Test</title> 
    <meta name="description" content="The HTML5 Herald"> 
    <meta name="author" content="SitePoint"> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.1/css/bootstrap-select.css" /> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.1/js/bootstrap-select.js"></script> 

</head> 

<body> 

<select class="selectpicker" multiple style="btn-info"> 
    <option>Mustard</option> 
    <option>Ketchup</option> 
    <option>Relish</option> 
</select>

出典

2017-07-10 12:34:48

私はブートストラップセレクトの.selectpickerクラスを動作させることができません。

答えて

関連する問題