php - 如何使 jQuery load() 适用于数组的所有元素，而不仅仅是最后一个元素

Question

我有一个网页，按名称显示数据源列表(下面的 dataFeed 变量)，并且我尝试模拟一个弹出窗口，其中包含当用户单击图标时有关数据源的更多信息( dataFeed + 'dataLink') 位于数据源名称旁边。我有一个隐藏的 div (diagWindow)，其中包含一个 div (diagWindowContent)，其中填充了有关提要的信息。 getDiagData.php 页面使用传递给它的 dataFeed 参数返回我想要显示的信息。

一开始我尝试过这个...

for (i = 0; i < dataFeeds.length; i++) {
    dataFeed= dataFeeds[i];

    $('#' + dataFeed+ 'diagLink').click(function() {
        $('#diagWindow').toggle();
        $('#diagWindowContent').load('getDiagData.php?dataFeed=' + dataFeed);
    });
}

但只显示 dataFeeds 数组中最后一个 dataFeed 返回的页面。

然后我尝试在toggle()上使用回调方法，就像这样......

for (i = 0; i < dataFeeds.length; i++) {
    dataFeed= dataFeeds[i];

    $('#' + dataFeed+ 'diagLink').click(function() {
        $('#diagWindow').toggle('fast', function(dataFeed) {
            return function() {
                $('#diagWindowContent').load('getDiagData.php?dataFeed=' + dataFeed);
            }(dataFeed)
        );            
    });
}

但这似乎具有相同的结果，显示 dataFeeds 数组中最后一个数据馈送的信息。

我正在寻求帮助，了解如何在单击数据馈送名称旁边的图标时从 getDiagData.php 页面加载适当的数据馈送信息。

谢谢。

Answer 1

试试这个..您没有在正确的上下文中执行它..

for (i = 0; i < dataFeeds.length; i++) {
    (function(num){
        var dataFeed = num;

        $('#' + dataFeed + 'diagLink').click(function() {
            $('#diagWindow').toggle();
            $('#diagWindowContent').load('getDiagData.php?dataFeed=' + dataFeed);
         });
    })(dataFeeds[i])
}​