首先卸载一个页面，然后重新加载

-1

我需要有人帮助我解决下面的代码：这是我想实现的。当页面加载时，它应该只显示链接视图的可用病房。当用户点击该链接时，它应该加载php文件（'ward_availability.php'）。另外，初始javascript应该在切换时隐藏/显示ward_availability.php的附加功能。首先卸载一个页面，然后重新加载

现在，它在打开页面时加载，所以我如何卸载，然后用户单击，然后加载，当用户再次单击它时，它将隐藏。请协助。

<script type="text/javascript"> 
    function toggleVisible(id) { 
      var e = document.getElementById(id); 
      if(e.style.display == 'block') 
       e.style.display = 'none'; 
      else 
       e.style.display = 'block'; 
     } 
    </script> 

      <script type="text/javascript"> 
      $(document).ready(function(e) { 
      $('#wardAv').load('ward_availability.php'); 
      }); 

      </script> 

      <a href="#" target="_top" onclick="toggleVisible('wardAv')">View Available Ward</a> 

      <div id="wardAv"> 
      Ward will be loaded here 
      </div>

来源

2015-02-09 David Mukoro

假设你正在使用jQuery从“负荷（）”方法，你正在使用，并包含在你的问题的标签，我已经拿出下面的代码：

<script type="text/javascript"> 
    $(document).ready(function(e) { 
     $wardAv = $("#wardAv"); 

     $('.toggle-wardAv').on("click", function(event) { 
      event.preventDefault(); 

      if ($wardAv.text() == "") { 
       $wardAv.load('ward_availability.php'); 
      } 

      $wardAv.toggle(); 
     }); 
    }); 
</script> 

<a class="toggle-wardAv" href="#" target="_top">View Available Ward</a> 

<div id="wardAv" style="display:none"></div>

最好的问候，斯特凡

来源

2015-02-09 12:44:15