先卸载页面,然后再重新加载
unload a page at first and reload later
请有人帮我完成下面的代码:这是我想要实现的。当页面加载时,它应该只显示可用的链接视图。当用户点击该链接时,它应该加载php文件("ward_availability.php")。此外,初始javascript在切换时应该具有隐藏/显示ward_avavailabiliity.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>
我建议在提交新帖子之前搜索答案,我们称之为研究。
Loading external pages into a div
Stackoverflow:如何将外部html加载到div中?
Toggle element
堆栈溢出:是否用按钮切换显示/隐藏div?
假设您使用的是来自"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>
谨致问候,Stefan
相关文章:
- 创建新数据和加载现有数据需要单独的视图吗
- 钛 - HTTPClient:打开新的控制器加载
- 保持 JavaScript 在浏览器控制台中运行,即使在新的页面加载之后也是如此
- 路由到新页面时加载不起作用
- 如何在新窗口完成加载后执行某些内容
- 使用新标题重新加载 html 页面
- Primefaces在打开新页面时加载数据消息
- Wordpress音频播放器和平滑状态.在新页面重新加载播放器时调用什么回调函数
- 用新数据重新加载renderer3d
- 文本不被渲染后,新的页面加载- JQuery移动
- 需要在新标签中加载pdf/doc文件,而不是下载,只是想在浏览器中阅读
- 用新参数重新加载页面
- Js和CSS不检测新页面何时加载
- 在新页面上加载一个flash视频,它在上一页上的位置
- 在新窗口中加载代码编写器视图
- 在控制台中使用新脚本重新加载页面
- 如何在加载新页面后加载AJAX数据
- 如何使用jQuery在新窗口中加载页面,然后关闭它们
- Jquery没有看到新的HTML加载到对话框中
- 无法用新值重新加载JGrid