无法手动将 DIV 元素上的可见性设置为 true.“TH:IF”问题

Can not set vissability on DIV element to true manually. "TH:IF" issue

本文关键字:true TH 问题 IF 设置 可见性 DIV 元素      更新时间:2023-09-26

>我有以下 DIV:

.. <div class="row" th:if="${error}" id="divError" name="divError">
      <div class="col-lg-12">
            <div class="alert alert-danger" role="alert" th:text="${error}" id="errorMessenge">An
                error occured</div>
      </div>
   </div> ...

现在我有以下脚本:

function someFunction(){
.........................
   if(something){
      $("#errorMessenge").text("Error for example"); // <- works 
      //HERE I WANT TO SET THIS "TH:IF" ON ROW "divError" TO TRUE
      //SO THE ROW WITH THE "Error for example" WILL SHOW.
   }
}

我尝试了这样的事情:

$("#divError").css("display", "");
$("#divError").css('visibility', 'visible');
$("#divError").css('display','block');
$("#divError").show();

什么都没用。我的问题是:该div是隐藏的还是不存在的?因为如果它不存在,我就没有必要尝试让它"可见",如果是这样,我该如何手动完成它。当 ${error} 属性添加到 java 控制器中的模块时,它工作得很好,但是当我想即时设置它时,它不起作用。

要检查元素是否存在,您可以简单地控制台.log元素的长度,例如:

console.log($("#divError").length);

或者您可以直接在开发人员的工具中打开控制台并使用

$("#divError").length

如果长度大于零,则元素存在。