2012-12-17 157 views
0

我使用插件刷卡從列表中刪除行:爲什麼不將此方法附加到附加列表項?

 $('#swipeMe li').swipeDelete(); 

     $('#swipeMe li').on('click', function(){ 
      $(this).trigger('swiperight') 
     }); 

的swipeDelete功能工作正常,當我用HTML寫:

<h2>Assets </h2> 
<div id="Assets"> 
     <ul id="swipeMe"> 
      <li ><a href="#">This doesn't works</a></li> 
      <li data-swipeurl="#"><a href="#">This works<</a></li> 
      <li data-swipeurl="#"><a href="#">This works<</a></li> 
      <li data-swipeurl="#"><a href="#">This works<</a></li> 
      <li data-swipeurl="#"><a href="#">This works<</a></li> 
      <li data-swipeurl="#"><a href="#">This works<</a></li> 
      <li data-swipeurl="#"><a href="#">This works<</a></li>     
      <li >This doesn't</li>  
     </ul> 
</div> 

但它確實不是新名單我追加項目:

$('.submitAsset').click(function(){ 
var asset = $('#asset_number').val(); 
$('<li data-swipeurl="#"><a href="#">' + asset + '</a></li>') 
    .appendTo('#Assets #swipeMe').swipeDelete(); 
$('#assetForm').slideUp();  
}); 

請幫助:/

+0

您需要在生成HTML –

回答

1
$('<li data-swipeurl="#"><a href="#">' + asset + '</a></li>') 
    .appendTo('#Assets #swipeMe').swipeDelete().on('click', function(){ 
      $(this).trigger('swiperight') 
     }); 

這將工作,如果swipeDelete()方法支持鏈接。

試試看。

+0

之後調用滑動功能!它做到了!我愛你!!!!! – Squirrl

0

的C所有到swipeDelete()你在附加代碼應該沒問題。我唯一能看到的錯誤是你還需要附加click事件處理程序。通過改變它的分配你可以把它連接到你的代碼添加以後的元素將在單擊處理程序分配給該元素的所有元素li與ID #swipeMe的方式......

$('#swipeMe').on('click', 'li', function(){ 
     $(this).trigger('swiperight') 
    }); 

,他們是否存在在代碼運行或不運行時。