.twigページのhtmlボタンを無効にする方法

Question

Xibo CMSのtwigページのdocumemt.ready（）でHTMLボタンを無効にしたいとします。

は、これは私のコードです：

{% block formTitle %} 
    {% trans "Edit page" %} 
{% endblock %} 

{% block formButtons %} 
    {% trans "Cancel" %}, XiboDialogClose() 
    {% trans "Save" %}, $("#layoutEditForm").submit() 
{% endblock %} 

{% block formHtml %} 
    <div class="row"> 
     <div class="col-md-12"> 
      <ul class="nav nav-tabs" role="tablist"> 
       <li class="active"><a href="#general" role="tab" data-toggle="tab"><span>{% trans "General" %}</span></a></li> 
      </ul> 
      <form id="layoutEditForm" class="form-horizontal" method="put" action="{{ urlFor("titanBoard.edit", {id: layout.layoutId}) }}"> 
       <div class="tab-content"> 
        <div class="tab-pane active" id="general"> 

         My test form 

        </div> 
        <div class="tab-pane" id="background"> 
         <div class="col-md-offset-2"> 
          <img id="bg_image_image" data-url="{{ urlFor("library.download") }}?preview=1&width=100&height=56" data-not-found-url="{{ theme.uri("img/forms/filenotfound.gif") }}" alt="{% trans "Background thumbnail" %}" /> 
         </div> 
        </div> 
       </div> 
      </form> 
     </div> 
    </div> 
    <script> 
     $('document').ready(function() { 
      $('.save-button').prop('disabled', true); 
     }); 
    </script> 
{% endblock %} 

.SAVEボタンが保存ボタンのクラスですが、フォームが保存ボタンを示されたときにすでに有効になっています。どうすればそれを無効にすることができますか？

Answer 1

私は.twigについて何も知りませんが、pointer-events:noneを追加してCSSをハックすると、ボタンを再度クリックできるようにするときにpointer-events:autoにすることができます。これはIE9以降ではシムなしでは機能しません。