2010-05-07 58 views
1

由於我將存儲休假和在數據庫表中工作的員工,因此我需要在頁面加載時調用deleteImage($ item,$ unid)函數。不知道如何。關於jQuery droppable/draggable的問題 - 第二部分

這是在點擊該圖標手提箱時被調用的函數(手提箱=外出度假)

$('ul.gallery > li').click(function(ev) { 
var $item = $(this); 
var $unid = $(this).attr('id'); 
var $target = $(ev.target); 
if ($target.is('a.ui-icon-suitcase')) { 
    deleteImage($item,$unid); 
} else if ($target.is('a.ui-icon-arrowreturnthick-1-w')) { 
    recycleImage($item,$unid); 
} 
return false; 
}); 

$項目= $(本),並且UNID是僱員。如何在沒有點擊事件的情況下傳遞$(this)?

還有一個投擲的功能:

$suitcase.droppable({ 
      accept: '#gallery > li', 
      activeClass: 'ui-state-highlight', 
      drop: function(ev, ui) { 
       var $unid = $(ui.draggable).attr('id'); 
       deleteImage(ui.draggable,$unid); 
      } 
     }); 

我不知道這是否是甚至可以調用在頁面加載這一功能。任何幫助?

回答

1

當您調用deleteImage($item, $unid)函數時,您嘗試刪除哪個圖像元素?這很重要,因爲這將代替$(this)

說要刪除庫中的第一個<li>標籤,然後就可以在該項目上點擊如下:

$(document).ready(function(){ 
    $('ul.gallery > li:first').trigger('click'); 
}) 

結束語一個的document.ready函數內部的觸發功能將調用在頁面加載(DOM是滿載後)

還有一記功能,沒有必要來包裝ui.draggable對象,因爲它已經是一個jQuery對象......這將工作:ui.draggable.attr('id');

+0

嗨fudgey,我感謝您的回覆。 $('ul.gallery> li:first')。trigger('click'); 將不起作用。另外,是否有可能取代李先:與李先生? – CFNinja 2010-05-07 19:10:45

+0

如果你知道ID,那麼只需使用'deleteImage($('#someID'),id);'在document.ready – Mottie 2010-05-07 21:40:18

0

我有這個:

 $('#clicky').click(function() { 
      $('#1678').trigger('click'); 
      alert(1); 
     }); 


     $('#gallery > li:first').click(function() { 
      var myID = $(this).attr('id'); 
      alert('myID is :'+myID); 
     }); 

1678是li的id:第一個。所以,如果我點擊我的'clicky'按鈕,它會正確地提醒'myID is:1678'。所以,我需要從這裏觸發deleteImage函數。

+0

之內哦,發現了另外一件事。我修改了非常第一功能: $( 'ul.gallery>利')點擊(函數(EV){ \t \t \t \t變量$項= $(本); \t \t \t \t變量$ UNID。 = $(本).attr( 'ID'); \t \t \t \t變量$目標= $(ev.target); \t \t \t \t如果($ target.is( 'a.ui圖標-手提箱' )){ \t \t \t \t \t deleteImage($ item,$ unid); \t \t \t \t} else if($ target.is('a。){ \t \t \t \t \t recycleImage($ item,$ unid); \t \t \t \t}其他{ \t \t \t \t \t警報( '說whhaaat?'); \t \t \t \t} \t \t \t \t返回FALSE; \t \t \t}); 我得到'說whaat?'警報。所以,我快到了。如果我把}其他{ \t \t \t \t \t刪除圖像($項目,身份識別碼); \t \t \t \t}最後一節,它會工作。 – CFNinja 2010-05-07 19:54:23

+0

工程:) 我不得不做的是環通拖/放功能後,我的查詢: \t \t \t \t \t $( '### UNID#' ).trigger( '點擊'); \t \t – CFNinja 2010-05-07 20:02:39

+0

哦,我看看你得到了它 - 太好了!僅供將來參考,如果您將更新添加到原始問題的末尾,將它們保存在一起,您可以實際發佈格式化的代碼;) – Mottie 2010-05-07 21:41:33