如何禁用.twig頁面中的html按鈕

Question

我希望禁用Xibo CMS中的樹枝頁面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一無所知，但是您可以通過在css中添加pointer-events:none，然後pointer-events:auto，當您希望按鈕可以再次點擊時。這在IE9中不起作用，如果沒有墊片就不行。