InstantClick 禁用表单提交

Question

我目前正在使用 php laravel 框架并尝试对 blade 模板使用 instantclick，但它禁用了表单提交。我在 bootstrap 模式中有一个类似于下面的表格。我可以在第一次加载时提交表单。但是，如果我转到其他页面并返回，我将无法提交表单。

     <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。我该如何处理这个冲突？我已经为我拥有的所有脚本尝试了 data-no-instant，但它仍然不起作用。请给我一些建议

Answer 1

InstantClick 不会禁用表单。相反，它不影响表单，无论您做什么，任何表单提交都被排除在 InstantClick 行为之外。

此外，它不会禁用 jQuery 或任何其他脚本。但是，可能会发生冲突！请注意，如果您使用的是 Laravel Debugbar，它会使用 jQuery.noConflict()，这可能会导致您的 jQuery 库出现问题 - 在加载另一个页面后，jQuery 不再可访问，因为$ 或 jQuery。解决方案之一就是避免使用 noConflict().

你说得对 data-no-instant - 你应该将它用于每个不应在每次页面更改时加载但只加载一次的脚本，这通常是大多数典型脚本。对于您需要在每次页面更改时重新加载的所有脚本，请不要使用该属性，如果它只是代码的一部分，请使用

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

InstantClick 禁用表单提交

InstantClick disables form submit

php

jquery

twitter-bootstrap

laravel

laravel-blade