gpt4 book ai didi

JQuery 和 Ajax : show/hide div

转载 作者:太空狗 更新时间:2023-10-29 14:22:55 24 4
gpt4 key购买 nike

我有这个example .

当我点击时,通过 Ajax 加载动态内容。在加载的页面中有一个链接,可以关闭 div。它可以工作,但是当 div 关闭时(使用 hide()),点击链接不会重新打开加载的页面。

为什么?我如何创建一个按钮,显示/隐藏一个加载了 Ajax 的 div?

调用页面:

<script type="text/javascript">
function getAjax(divdett,pageload) {
$(function(){$(divdett).load(pageload);});}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>click</title>
</head>
<body>
<a href="javascript:getAjax('#siteloader','jquery_divajax.htm');">click</a>
<div id="siteloader"></div>
</body>

包含页面:

<script type="text/javascript">
function delAjax(divdett) {
$(divdett).hide();
}
</script>
OK!
<a id="#chiudi" href="#" onclick="delAjax('#siteloader');">chiudi</a>

最佳答案

在您的“关闭”按钮中,您调用了hide()

将您的 getAjax 函数更改为:

function getAjax(divdett,pageload) {
$(function(){$(divdett).load(pageload).show();});}

我刚刚添加了 .show() 以确保 div 可见,即使它之前已被隐藏。

请注意,我尊重原始构造,但这太复杂了:无需调用 $(function,您可以简单地执行

function getAjax(divdett,pageload) {
$(divdett).load(pageload).show();}

如果你只想有一个按钮,你可以删除第二个文件中的一个,并将 getAjax 函数更改为

function getAjax(divdett,pageload) {
var div = $(divdett);
if (div.is(':visible')) div.hide();
else div.load(pageload).show();
}

关于JQuery 和 Ajax : show/hide div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12555202/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com