1. <script type="text/javascript">
2. $(function() {
3. 
   
4.                 //Zone drag
5. //$(".nomForm").draggable({
6.                 $("#toolbox li").draggable({
7.                         appendTo: "body",
8. connectToSortable: '#buildForm',
9. helper: 'clone',
10. revert: 'invalid'
11. });
12. 
    
13.                 //Zone drop
14.                 $("#buildForm").droppable({
15.                         drop: function(event, ui) {
16. $(this).find(".placeholder").remove();
17.                                 alert('ok');
18. }
19.                 }).sortable({
20. revert: false
21. });
22. 
    
23.                 //Evite la selection lors du drag
24.                 $("ul, li").disableSelection();
25.         });
26. </script>
27. <div id="editor">
28.     <h2>Création de votre formulaire</h2>
29.     <?php
30.     echo $form->create(null, array('url' => array('controller' => 'formulaires', 'action' => 'nouveau')));
31.     echo $this->Form->input('formulairename', array('label' => 'Nom du formulaire'));
32.     echo $this->Form->input('adressemail', array('label' => 'Adresse mail du contact'));
33.     ?>
34. 
    
35.     <?php
36.     echo $form->end('Sauvegarder');
37.     ?>
38. 
    
39.     <ul id="buildForm">
40.         <li class="placeholder">Faite glisser vos éléments ici.</li>
41.     </ul>
42. </div>
43. <div id="toolbox">
44.     <h4>Eléments de saisie</h4>
45. 
    
46.         <?php
47.         foreach($listeInput as $key => $element) {
48.             ?>
49. 
    
50.         <ul>
51. 
    
52.             <li class="nomForm" id="nomForm">
53.                     <img src="/img/<?php echo $element['Input']['img']; ?>" alt="element" />
54.                     <?php echo utf8_encode($element['Input']['nom']); ?>
55.                 </li>
56. 
    
57.         </ul>
58.             <?php
59.         }
60.         ?>
61. 
    
62. </div>

I have a left <div> and a right <div>.

The right <div> has an list of elements. I can drop each element in the left <div>. When i drop, a new <li> is created in left <div>. This <li> are sortable.

My problem:

When i drop, the "alert('ok');" is call 2 times. Why ? And how can i execute just 1 time?

Thanks for help and sorry for my english.