2010-08-10 69 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; 
      }