2015-08-05 1 views
0

Я пытаюсь dragula https://github.com/bevacqua/dragula в хром, я не мог заставить его работать, какой-либо дополнительный код, необходимый для его работы?Dragula не перетаскивание

здесь код

<!DOCTYPE html> 

<html> 
    <head> 
    <title>TODO supply a title</title> 
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <link href="dragula.css" rel="stylesheet" type="text/css"/> 
    <style> 

     .wrapper div div{ 
     background: #FCE8FB; 
     margin: 12px 6px 12px 2px; 
     } 

    </style> 
    <script src="dragula.min.js" type="text/javascript"></script> 
    <script> 
     dragula([document.getElementById('left1'), document.getElementById('right1')]); 
    </script> 
    </head> 
    <body> 

    <div class='wrapper' style=" border: black 3px solid;"> 
     <div id='left1' class='container' style=" border: black 1px solid;"> 
     <div>You can move these elements between these two containers</div> 
     <div>Moving them anywhere else isn't quite possible</div> 
     <div>There's also the possibility of moving elements around in the same container, changing their position</div> 
     </div> 
     <div id='right1' class='container' style=" border: black 1px solid;"> 
     <div>This is the default use case. You only need to specify the containers you want to use</div> 
     <div>More interactive use cases lie ahead</div> 
     <div>Make sure to check out the <a href='https://github.com/bevacqua/dragula#readme'>documentation on GitHub!</a></div> 
     </div> 
    </div> 

    </body> 
</html> 

ли я что-то пропустил?

+0

Возможный дубликат http://stackoverflow.com/questions/255830/javascript-drag-and-drop?rq=1. –

+1

Это конкретный вопрос о Dragula Js, а не дубликат, спасибо – rashidnk

ответ

2

Похоже, ваш скрипт работает слишком быстро, прежде чем элементы, которые он хочет настроить, отображаются.

Измените сценарий тег в голову:

window.onload = function() { 
    dragula([document.getElementById('left1'), document.getElementById('right1')]); 
} 
+0

дайте мне попробовать. – rashidnk

+0

... Loved It. , : D – rashidnk

+2

ХА, никогда не забудьте подумать о том, пытается ли ваш JavaScript делать что-то вещи, которых нет (пока). – Starscream1984