2010-08-10 67 views
0

你好...我試圖在Droppable內創建一個簡單的Jquery。該頁面可以工作,並允許我將視頻拖放到選定的可放置區域(div class =「roundedVideoDrop」),但是我想阻止用戶在每個已創建的div中放置超過1個視頻。簡單的jquery問題

我對這個代碼是:

$("div.roundedVideoDrop").droppable({ 
      activeClass: 'highlight', 
      hoverClass: 'highlight-accept', 
      drop: function(event, ui){ 
       if $(this).sibling('video').count() == 0 { 
        return true; 
       } else { 
        return false; 
       } 

什麼即時試圖做的是檢查,看看是否有其他的兄弟姐妹(即另一內),如果有則被拖動的視頻不能被投進的,否則是允許的。

這是行不通的,實際上是在Safari中踢出一個解析錯誤,我一直試圖讓它工作,但沒有運氣。有誰能告訴我這樣做的正確方法嗎?

非常感謝

+0

感謝的快速反應!當視頻標籤已被放入選定的div時,我希望能夠阻止用戶將視頻標籤放入div標籤。下面的例子不允許我這樣做,我仍然在尋找一個解決方案,但目前還沒有運氣! – user416030 2010-08-10 11:00:38

回答

0

嘗試的$(this).sibling('video').size()代替$(this).sibling('video').count()

+0

'$(this).sibling('video').length'避免一個函數調用開銷。 – jAndy 2010-08-10 10:48:48

0

您需要使用兒童沒有兄弟姐妹,如果你正在尋找的電流下降區內

$("div.roundedVideoDrop").droppable({ 
      activeClass: 'highlight', 
      hoverClass: 'highlight-accept', 
      drop: function(event, ui){ 
       return !$(this).children('video').length; 
      }