2017-05-07 13 views
1

laravelでselect2 js libを動作させるのに苦労します。コンソールにエラーはありません。私のブレードのファイル:Laravel 5.4ブレードとselect2が動作しない

@extends('layouts.app') 

@section('content') 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" /> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script> 
<div > 
    <div class="row"> 
     <div class="col-md-8 col-md-offset-2"> 
      <div class="panel panel-default"> 
       <div class="panel-heading">Dodaj nowy podmiot</div> 
       <div class="panel-body"> 
        <div > 
         <div> 
          <form> 
           <div class="form-group"> 
            <select class="js-example-basic-single"> 
             <option value="AL">Alabama</option> 
             <option value="WY">Wyoming</option> 
            </select> 
           </div> 
          </form> 
         </div> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 
<script> 
    $(".js-example-basic-single").select2(); 
</script> 
@endsection 

それが唯一の項目のCSSを変更しますが、クリッカブル何も起こらないのです選択した場合でも、それはドロップダウンが表示されない場合、オプションは表示されません。

誰も以前のような問題に直面しましたか?

答えて

1

[OK]をみんな、私は私のレイアウトの刃でこの行をコメントすることにより、この問題を解決しています

<!-- <script src="{{ asset('js/app.js') }}"></script> !--> 

ので、デフォルトのjsファイルはlaravelに含まSELECT2ライブラリの問題を引き起こしています。助けのための

おかげで

+0

素晴らしい。あなた自身の答えを受け入れてください:) –

+0

私は:)。私がそれを受け入れるまで18時間待つ必要がある。 –

+0

他のいくつかのページでもレイアウトブレードを使用しているため、app.jsにコメントする必要はありません。コメントアウトすると、デフォルトのjqueryは機能しません。 – balaraman

0

準備句の中に選択インスタンス化コードをラップしようとしましたか?

$(document).ready(function() 
{ 
    $(".js-example-basic-single").select2(); 
} 

EDIT:

あなたはjavascriptの輸入のタイプ= "テキスト/ JavaScriptを" 欠けています。一部のブラウザでは、タグを持たないJavaScriptは実行されません。それを修正し、それが機能するかどうかを確認してください。

+0

はい、私はそれを試してみましたが、それはSELECT2はので、私はそれがlaravelはブレードをレンダリングする方法方法に関連していますと仮定しています関数ではないことを示しています。 –

+0

LaravelのブレードレンダリングはHTML/JSで文字列を作成するだけです。 JSがどのように実行されるかは実際には影響しません。これはおそらく、ブラウザが受け取るHTMLに適切なjQuery/select2ライブラリのインポートがないためです。 – user3010273

+0

スクリプトのインポートでtype = text/javascriptが不足しています。それは間違っている。 – user3010273

関連する問題