2

高的！

我想要做的是以下内容：我有一个带有 onclick 的表，该表附加到位于偶数行表中的链接。每个奇数行都被隐藏。单击该链接时，会显示奇数行并将数据加载到该行中。工作正常

现在我想做的是，每当该过程完成时，我想将一个新的单击功能附加到该链接，使该行再次隐藏。有点像切换，但还有一些只是显示/隐藏功能。我尝试使用以下代码执行此操作，但无法使其正常工作。

我肯定会错过一些非常基本的东西，或者只是不太了解 jquery（这很有可能，因为我几周前才刚刚开始）。

$(document).ready(function(){

    // The version icons
    $("a.version").click(function () {
        var sLink = $(this).attr("href");
        var nexttr = $(this).parent().parent().next("tr.version");
        var nexttrtd = nexttr.find("td:first");
        $.get(sLink, function(sData){
            nexttrtd.html(sData);
            nexttr.show();
        });

        $(this).click(function(){
            attachHideMyChildren();
        });

        return false;
    });
});

function attachShowMyChildren()
{
    var sLink = $(this).attr("href");
    var nexttr = $(this).parent().parent().next("tr.version");
    var nexttrtd = nexttr.find("td:first");
    $.get(sLink, function(sData){
        nexttrtd.html(sData);
        nexttr.show();
    });
    $(this).click(function(){
        attachHideMyChildren();
    });
    return false;
}

function attachHideMyChildren()
{
    $(this).parent().parent().next("tr.version").hide();
    $(this).click(function(){
        attachShowMyChildren();
    });
}

它打开表行，插入数据，但不附加函数以再次关闭行。我怎样才能做到这一点？

有任何想法吗？

4

1 回答 1

5

问题是这样的：

$(this).click(function(){
  attachHideMyChildren();
});

当您以这种方式调用函数this时， window. 而是这样做：

$(this).click(attachHideMyChildren);

此外，您正在添加click()处理程序而不删除旧的处理程序。

话虽如此，有一种更简单的方法可以做到这一点。

$("a.version").click(function() {
  var next = $(this).closest("tr").next();
  if (next.is(":hidden")) {
    $.get($(this).attr("href"), function(sData) {
      next.find("td:first").html(sData);
      next.show();
    });
  } else {
    next.hide();
  }
  return false;
});

应该这样做。

于 2010-01-10T10:04:25.963 回答