перетащите в диалог - PullRequest
Новая
       20

перетащите в диалог

1 голос
/ 20 декабря 2009

Я очень стараюсь сделать эту работу! У меня есть список изображений внутри div, который я делаю перетаскиваемым. У меня также есть диалог, который запускается (открывается), когда начинается перетаскивание. По какой-то причине я не могу зайти в этот диалог. Я могу зайти куда-нибудь еще на странице, кроме как внутри диалога. вот мой код: 

    $(document).ready(function(){
     // Executed once all the page elements are loaded
     //setup new person dialog   
    // Change overlay color and opacity
     $('#sample').dialog({
        //dialog options
        autoOpen: false,
                draggable: false,
                modal: false,
                show: 'explode',
                closeOnEscape: true,
                position: 'top',
                minHeight: '400',
                minWidth: '600',
                width: 750,
                title: "Some title",
                open: function(type, data) {
                    $(this).parent().appendTo("form");
                }
        });
 $(".random-img").draggable(
        {   
            cursor: "move",
            helper: "clone", 
            opacity: "0.5",
            zIndex: "2700",
            containment: "document",
            handle: ".random-img",    // makes toolbar the dragable part
            drag: function(ev, ui) {
               $('#sample').dialog("open");
            }
        }
     );
    $("#sample").droppable(
    {
        accept: ".random-img",
        tolerance: "touch",
        drop: function(ev, ui) 
        {                  
           var droppedItem = ui.draggable.clone().addClass('sclass');                  
                $(this).append(droppedItem);                             
        }     
    }
    );
   });

</script>
<html>
 <head> Page test </head>
   <body>
             <div class="random-img">
               <img src="images/someimage.jpg" />            
             </div>
              <div id='sample'>
              </div>
    </body>
 </html>

Буду очень признателен за любую помощь или понимание.

Спасибо

1 Ответ

1 голос
/ 20 декабря 2009

Я наконец получил это! После нескольких часов попыток это работает. Я переместил метод открытия диалога из draggable: перетащите в draggable: start. Затем я начинаю получать сообщения о том, что this.helper для метода draggable является нулевым или не является объектом в firefox tools-> error console.

Я набросился на firebug и теперь он работает отлично!

Спасибо за вашу помощь! Praveen

...