2013-05-11 127 views
2

更新:放在正確的語法建議,下面的代碼現在工作!jquery隱藏工程,但幻燈片不

我有一個foreach在表內生成數據行。每個元素都有一個rowX的id。我想讓我的javascript在單擊刪除後「滑動」數據行。

如果我使用hide();這工作正常,但幻燈片();不管用。

任何想法?

<script type="text/javascript"> 
$("a.delete").click(function(e) 
{ 
    e.preventDefault(); 
    var platform_id = $(this).attr('data-id'); 
    var row = $(this).attr('id'); 

    $.ajax({ 
     type: "POST", 
     url: "platform/delete", 
     dataType: "json", 
     data: 'platform_id='+platform_id, 
     success: function(result){ 
      if (result.success == 1) 
      { 
       $("#row" + row).slideUp('slow'); 
       //document.getElementById(row).style.display = 'none' 
      } 
     }, 
     error: function(result){ 
      alert(result.message); 
     } 
    }); 
}); 
</script> 

回答

3

嘗試使用這樣的:

$("#row" + row).slideUp('slow'); 
// See the single qoutes here for slow effect 
// Also `U` should be capital in slideUp 

取而代之的是:

$("#row" + row).slideup(slow); 
+0

好了,現在它的工作。但是,它似乎只是一個定時隱藏功能,我實際上沒有看到任何動畫。這可能是CSS的限制嗎?我正在使用themeforest上的模板。 – evade 2013-05-11 19:41:38

+0

您是否在一起使用** hide()**和** slideUp()**函數?爲了看到slideUp動畫,請不要使用** hide()**函數! – 2013-05-11 19:45:37

+0

我只使用slideUp。不過,我將其更改爲fadeOut();它給我一個我想要的結果。 – evade 2013-05-11 19:50:21

1

documentation for slideUpslow應該是一個字符串,即

$("#row" + row).slideUp('slow'); 
+0

謝謝,在我拋出這個問題之前,我已經添加了'slow'參數,對於我來說真正的解決方案就是大寫U--我沒有意識到它們區分大小寫!但你也是正確的'參數'不是參數 – evade 2013-05-11 19:42:31

+0

夠公平的,我沒有發現套管問題 – Netricity 2013-05-12 21:50:13