如何使用jQuery隐藏模态框？

Question

按钮

<button type="button" class="btn" onclick="CountClass()" runat="server" data-toggle="modal" data-target="#inlineForm1">OPEN</button>

模态框

<div class="modal fade text-left" id="inlineForm1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel34" aria-hidden="true">
some code
</div>

JavaScript:

function CountClass() {
   if(some code){
      $('#inlineForm1').modal('hide');
   }
}

为什么它不起作用？

- user12724182

Answer 1

$(document).ready(function(){
$('.modal').modal('hide');
});

- Naveed

Answer 2

你没有说明需要使用什么条件表达式，因此我不会涉及这方面的内容。但是，如果想要使用jQuery隐藏某个元素，只需在所选元素上使用.hide()即可。

$('#inlineForm1').hide();

在幕后，这将向元素添加style="display:none"，相反，.show()会删除它。了解这一点后，您还可以使用CSS覆盖行为或在其中一个状态下启动它。

- tmdesigned

---

if语句不重要！ 函数CountClass() {$('#inlineForm1').modal('hide'); }它也不是那样工作的。 - user12724182

你为什么要添加 .modal('hide') 呢？为什么不直接使用 .hide() 呢？ - tmdesigned

函数 CountClass() { $('#inlineForm1').hide(); } 不起作用。 - user12724182

这并没有解决问题。它没有涉及到该函数。 - user12724182