2010-11-20 26 views
1

Aşağıdakilerle ilgili herhangi bir yardım çok takdir edilecektir. Bırakılabilir bir kutu dışında bir resmim olmalı. Kullanıcı resmi kutuya sürükleyebilmelidir ve resim kutu içerisine girdiğinde, kullanıcı hala onu sürükleyebilmeli, ancak sadece kutunun içinde olmalıdır.jquery sürüklenebilir/atılabilir

Herhangi bir işaretçi için şimdiden teşekkür ederiz.

+0

Şimdiye kadar bulduğunuz kodu, yalnızca bir sürüklenebilir kutu içinde sürüklemeyi destekleyen bir mesaj gönderebilir misiniz? İlk yarısında yardım etmek isterseniz, bize bildirin ve size yardımcı olabiliriz. Ancak kodunuzun bu yarısını gönderirseniz, daha sonra içerilen sürüklenebilir öğeyi desteklemek için gerekli olanı ekleyebiliriz. Bizimle paylaşmak için [jsFiddle] 'ı (http://jsfiddle.net/) kullanabilirsiniz. SO'ya hoş geldiniz! –

+0

Teşekkürler. İşte değiştirdiğim web'den sürülebilir/bırakılabilir bir örnek. http://jsfiddle.net/sPdwm/ – Rodrigo

+0

$ ("#draggable") .draggable ({Inclument: "# droppable"}); açılana: işlev ve resmin hareketini içerebildi, kodu güncelledim ve işe yaramış gibi görünüyor. – Rodrigo

cevap

2

Bu, "kapsayıcı" geri çağırma nesnesinin "bırakma" geri çağrılan nesnesine "içerme" seçeneği ekleyerek yapılabilir. Örneğin: öğesi gerçekte, damla geri arama yangınları düştü ve neden bir kez Yukarıdaki seçenekte

$(function() { 
    $("#draggable").draggable(); 
    $("#droppable").droppable({ 
     drop: function(event, ui) { 
      $(this) 
       .addClass("ui-state-highlight") 
       .find("p") 
       .html("Dropped!"); 
      $("#draggable").draggable({containment:"#droppable"}); 
     } }); 
}); 

, sürüklenebilir öğe "çevreleme" seçeneğinde öğenin sınırlı tutulmasını.