加载页面后，我有一个 AJAX 调用来加载一个函数，该函数会打开一个带有一些数据的类似框架的灯箱。问题是，如果我单击关闭（灯箱框架），页面会一次又一次地加载框架，因此使用永远不会到达框架层下的页面，因为框架加载无限循环。 Ajax 正在重复调用我猜想的函数，但我想加载一次框架，当用户单击 X（关闭）时，他可能会返回到原始页面。
$(document).ready(function(){
var city = $('#citycode').html();
$.ajax({
//when page is loaded, fire the following function
success: function(){
//the function to be fired located in the page in seperate file
openX(city + //some other parameters);
}});
});
有什么建议吗？
【问题讨论】：
您可以在页面顶部设置一个全局变量，并在页面加载后将其设置为true，然后稍后在您的代码中检查变量是否为false 加载页面而不是其他明智的。这是原型：
<script type="text/javascript">
var loaded = false;
$(document).ready(function(){
var city = $('#citycode').html();
$.ajax({
//when page is loaded, fire the following function
success: function(){
if (loaded === false)
{
//the function to be fired located in the page in seperate file
openX(city + //some other parameters);
loaded = true;
}
}});
});
</script>
【讨论】：
jQuery 可能会添加一个随机的“缓存”参数来禁止缓存。尝试在 ajax 调用中添加将 cache 属性设置为 true 以允许缓存；您的代码可能如下所示：
$.ajax({
cache: false;
success: function(...){...},
...
});
【讨论】：
我以与其他答案不同的方式解释了您的问题，所以这里是……:)
我猜关闭按钮是一个超链接，并且默认操作（更改页面的 URL）没有被阻止？
如果这听起来不错，您需要通过捕获链接上的点击事件并调用preventDefault() 方法来阻止默认操作。
没有看到你的代码，这是我能给出的最好的例子：
$('div.lightbox').live('click', function (event) {
event.preventDefault();
});
注意这里使用live()。
【讨论】：
preventDefault()的用法。单击锚标记的默认操作是在其href 属性中打开 URL。单击表单中的提交按钮的默认操作是提交所述表单。到目前为止大不了。调用preventDefault() 仍将执行已绑定到事件的所有事件处理程序（即关闭有问题的框架），但是，顾名思义，将阻止执行默认操作；例如，防止页面重新加载。
live() 意味着您可以毫无问题地将此代码插入您的$(document).ready() 块中。