Question

请我有人帮我解决下面的代码：这是我想要实现的目标。当页面加载时，它应该只显示链接视图可用的病毒。当用户点击该链接时，它应该加载php文件（＆＃39; ward_availability.php＆＃39;）。此外，初始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>

Answer 1

我建议在提交新帖之前搜索答案，我们称之为研究。

Loading external pages into a div Stackoverflow: How to load external html into a div?

Toggle element Stackoverflow: toggle show/hide div with button?

Answer 2

假设您使用的是正在使用的“load（）”方法中的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>

祝你好运，斯蒂芬

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

2 个答案: