InstantClickはフォーム提出を無効にします

Question

私は現在、php laravelフレームワークを使用しており、ブレードテンプレート用のinstantclickを使用しようとしていますが、フォーム送信を無効にしています。 私はブートストラップモードで以下のようなフォームを持っています。私は最初の読み込み時にフォームを提出できます。ただし、他のページに移動して戻った場合は、フォームを提出できません。

 <form id="caseNoteForm" class="width-100" method="post" action="{{route("updateNote",["caseNo"=>$case->case_no])}}"> 
    {{method_field("PUT")}} 
     <textarea name="customerReportNote" rows="10" class="width-100" style="resize: vertical">{{$case->customerReportNote}}</textarea> 
     <div class="width-100"> 
      <button class="btn btn-success pull-right margin-top-10" value="submit" type="submit">Finalize</button> 
     </div> 
</form> 

InstantClickはjQueryも無効にしているようです。どのようにこの紛争に対処できますか？ 私はすでに持っているすべてのスクリプトに対してデータ - 即時を試しましたが、それでも動作しません。 私にこのアドバイスをしてください

Answer 1

InstantClickはフォームを無効にしません。それ以外の方法では、それはフォームだけを残します。フォーム提出は、あなたが何をしていてもInstantClickの動作から除外されます。

また、jQueryや他のスクリプトを無効にしません。ただし、競合が発生する可能性があります。注意してください.Laravel Debugbarを使用している場合は、jQuery.noConflict()が使用されているため、おそらくjQueryライブラリで問題が発生します。別のページを読み込んだ後、jQueryにアクセスできなくなります。$またはjQueryソリューションの1つは、noConflict()の使用を避けることです。

あなたは正しくdata-no-instantです。各ページの変更時に読み込まれるべきではなく、一度だけ読み込まれるべきスクリプトごとにそれを使用してください。これは通常、一般的なスクリプトの大部分です。各ページの変更で再度読み込む必要があるすべてのスクリプトについては、属性を使用しないでください。コードの一部に過ぎない場合は、

InstantClick.on('change', function() { 
    // Do what you need to do on each page change here 
});