Javascript HTML-DIV未隐藏
我有一个基于SpringWebModelViewController(MVC)框架的项目。SpringWeb模型视图控制器(MVC)框架的版本是3.2.8 我的JSP中有这段代码Javascript HTML-DIV未隐藏,javascript,jquery,html,jsp,spring-mvc,Javascript,Jquery,Html,Jsp,Spring Mvc,我有一个基于SpringWebModelViewController(MVC)框架的项目。SpringWeb模型视图控制器(MVC)框架的版本是3.2.8 我的JSP中有这段代码 <div class="col-md-12" id="secondSignatoryDivId" > <table width="100%"> <thead&
<div class="col-md-12" id="secondSignatoryDivId" >
<table width="100%">
<thead>
<tr>
<th><b>First name</b></th>
<th><b>Last name</b></th>
<th><b>Position</b></th>
<th><b>Title</b></th>
<th><b>Actions</b></th>
</tr>
</thead>
<tbody>
<tr>
<td><input type="text" value="${deviceForm.device.secondSignatory.firstname}" <c:if test="${readonly}">disabled="disabled"</c:if> class="form-control"/></td>
<td><input type="text" value="${deviceForm.device.secondSignatory.lastname}" <c:if test="${readonly}">disabled="disabled"</c:if> class="form-control"/></td>
<td><input type="text" value="${deviceForm.device.secondSignatory.position}" <c:if test="${readonly}">disabled="disabled"</c:if> class="form-control"/></td>
<td><input type="text" value="${deviceForm.device.secondSignatory.title}" <c:if test="${readonly}">disabled="disabled"</c:if> class="form-control"/></td>
<td>Delete</td>
</tr>
</tbody>
</table>
</div>
<c:if test="${empty applicationForm.application.secondSignatory}">
<script>
alert ('lalalal');
$('#secondSignatoryDivId').hide();
</script>
</c:if>
名字
姓
位置
标题
行动
删除
警惕(“拉拉”);
$('#secondSignatoryDivId').hide();
我看到了警报,但div没有隐藏 如果您正在使用jQuery,则应在html文件中包含jQuery:
alert('lalal');
$('#secondSignatoryDivId').hide()代码>
名字
姓
位置
标题
行动
删除
如果只是为了隐藏元素,那么最好使用css:
<c:if test="${empty applicationForm.application.secondSignatory}">
<style>
#secondSignatoryDivId.col-md-12 { display:none; }
</style>
</c:if>
#secondSignatoryDivId.col-md-12{显示:无;}
浏览器控制台中是否出现错误?代码警报($('secondSignatoryDivId').length)没有明显的错误。
运行它并查看它是否给出1。似乎$未定义
?还要检查,您已经包含了jQuery。文档.querySelector('secondSignatoryDivId')。style.display='none'代码>