allinea gli elementi trascinabili in linea e genera senza overflow o nuova linea [chiusa]

Naviga le tue risposte
-1

Ho questo script su cui sto lavorando. Quello che dovrebbe fare è generare un nuovo div ogni volta che premo un pulsante e l'ho già fatto, ma quelli non sono trascinabili. Penso che ciò avvenga a causa della funzione onLoad, ma alternativa ho? Il secondo problema è che quando faccio clic su una delle caselle blu, tutte devono organizzarsi in una riga come le vedi quando carichi il mio link jsFiddle, e se la linea è piena e fai clic sul pulsante "New Square", invece di traboccare o aggiungere una nuova riga, chiuderebbe invece l'ultima casella e aggiungerà una nuova casella prima di tutte le altre.

Mi dispiace disturbarti con queste domande, ma sono un programmatore PHP e MySQL, ho appena iniziato a usare jQuery.

jsFiddle

HTML: 

<div id="container">
    <div class="round"></div> 
    <div class="round"></div>
    <div class="round"></div>
    <div class="round"></div>
</div>
<br><br><br>
<input type="button" class="button" value="New Square">

jQuery: 

$('.round').draggable();

$('.button').click(
    function (){
$("#container").append("<div class='round'></div>");
    });

$('.round').click (

    );

Ho avuto più codice in jQuery, ma ho rimosso tutte le opzioni inutili perché voglio che tu capisca facilmente cosa voglio fare.

    
posta Sergiu 16.08.2013 - 11:34
fonte

1 risposta

1

devi assegnare la classe trascinabile all'oggetto appena creato: 

$('.button').click(
   function (){ 
    $("#container").append("<div class='round'></div>");
    $(".round").draggable();
});

Questo dovrebbe farlo in realtà. O forse: 

$("#container").append("<div class='round draggable'></div>");
    
risposta data 16.08.2013 - 11:44
fonte

Leggi altre domande sui tag

Basi teoriche per lo sviluppo del kernel (Linux) SQL Server: quando utilizzare SSIS vs T-SQL per le attività ETL [chiuso]