Question

好的，我看了看，并尝试了各种其他有效的解决方案，但仍然卡住了，我还要扔东西。

我试图让TR淡出，然后在点击所述TR的单元格内的链接后隐藏，使用以下方法：

1 - jQuerys fadeOut / fadeTo（我已尝试过两者）

  function delTrans(id){
    var name = "chkSelect" + id;
    var chk = document.getElementById(name);
    var tableRow = $(chk).closest('tr');
    tableRow.addClass("transition");
    $(tableRow).find("td").fadeTo('slow',0,function(){
      alert("finished");
    }); 
  }

这似乎没什么用，没有生成js错误或警告，并且屏幕上显示的输出没有变化。

2 - addEventListener：

  function delTrans(id){
    var name = "chkSelect" + id;
    var chk = document.getElementById(name);
    element = $(chk).closest("tr");
    element.addClass("transition");
    element.addEventListener("transitionend", 
      function () {
        element.addClass("hidden"); 
      },
      true
    );

这只会成功生成JS错误：类型错误。 element.addEventListener不是一个函数。我已经在chk对象上直接尝试了addEventListener，这很好，这意味着addEventListener不会对元素＆＃39; tr＆＃39;。

。

欢迎任何建议

Answer 1

解决。问题不在于fadeOout（）或addEventListener。问题出在CSS上。无法发布，因为我不再复制修复问题之前的内容

addEventListener和FadeOut不与TR一起使用

1 个答案: