jquery - Ajax请求 'overlapping'

Question

我使用 AJAX 和 JQuery 从 MySQL 数据库中提取数据，基本上使用以下内容:

function getCard(card, lineNr, linedisplay, type){

var textToWrite;    
var d = 'card='+card;


$.ajax({
        type: "POST",
        url: "getcard.php",
        data: d,
        success: function(theXML){

            cardname = $(theXML).find('card_name').text();
            pastline = $(theXML).find('past').text();
            presentline = $(theXML).find('present').text(); 
            futureline = $(theXML).find('future').text();   
            ...

        if(type=="past") textToWrite = pastline;
        else if (type=="present") textToWrite = presentline;
        else textToWrite = futureline;
        ...


        $("#"+lineNr).html(textToWrite); 
        $("#"+linedisplay).html(textToWrite);
        $('.fancybox').prop('title', cardname);
        }   

}); 
};      

这用于使用 getcard.php 从 MySQL 表调用数据(不确定您是否需要看到它 - 基本上它将表行中的数据放入 XML，

<card_name>{$row['card_name']}</card_name>
<past>{$row['past']}</past>
<present>{$row['present']}</present>
<future>{$row['future']}</future>, 

等)。

当点击卡片链接时，会出现一个 fancybox 弹出窗口，其中包含卡片数据(过去线等)和卡片名称作为 fancybox 标题。

除了一件事之外，所有这些都工作正常。卡名值的刷新速率与其他数据不同。也就是说，我点击的第二张卡的标题与我点击的第一张卡的标题相同 - 但显示在 div 中的其余新数据(过去线、现在线等)显示得很好，但是除非我疯狂地点击 fancybox 几次，cardname 才会刷新。

谢谢，我正在猜测一切的方法。

有什么方法可以让 AJAX 确保它拥有最新的数据并阻止其重叠吗？

Answer 1

看来你的卡片标题是一个 fancybox .prop，而卡片文本是由函数插入到 DOM 中的 html。如果无法测试您的代码，可能您只是将属性与 fancybox .prop 调用绑定(bind)，并且 fancybox 需要由事件触发？也许用 jquery 的 on() 附加它，或者在 fancybox 中可能有一些东西(我不太熟悉它)？