將 div 設置為無顯示 java 腳本

Question

我正在研究 mvc asp，我有一個非常簡單的 div 我想隱藏它們，問題是它隱藏它但它再次顯示為什么會發生這種情況？？？ 這是我的代碼，請觀看視頻以了解我在說什么https://www.useloom.com/share/52a0bc2703294bb58f475ae40bcc7d4b

 $("#myHref").on('click', function () { document.getElementById("PatientEdit").style.display = "none"; var y = document.getElementById("UsersList"); var z = document.getElementById("UsersEdit"); y.style.display = "none"; z.style.display = "none"; console.log("Hello world!"); //alert("inside onclick menu.js "); });

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <a href="http://localhost:65043/Patients" id="myHref">Patiens</a> <div class="container-fluid"> <div id="PatientEdit">PatientEdit</div> <div id="UsersList">UsersList</div> <div id="UsersEdit">UsersEdit</div> </div>

Answer 1

好的，您需要更改的是這部分<a href="#0" id="myHref">Patiens</a>您的鏈接<a href="http://localhost:65043/Patients" id="myHref">Patiens</a>正在重新重定向和加載頁面。

 $("#myHref").on('click', function() { document.getElementById("PatientEdit").style.display = "none"; var y = document.getElementById("UsersList"); var z = document.getElementById("UsersEdit"); y.style.display = "none"; z.style.display = "none"; console.log("Hello world!"); //alert("inside onclick menu.js "); });

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <a href="#0" id="myHref">Patiens</a> <div class="container-fluid"> <div id="PatientEdit">PatientEdit</div> <div id="UsersList">UsersList</div> <div id="UsersEdit">UsersEdit</div> </div>

Answer 2

嘗試這個：
$(this).find("#PatientEdit").css("visibility", "hidden"); $(this).find("#PatientEdit").css("visibility", "visible");

Answer 3

對不起，如果你已經嘗試過這個，但如果沒有，也許這可能有效？

$(“#PatientEdit”).hide();
$(“#UsersList”).hide();
$(“#UsersEdit”).hide();