Olá, sou iniciante no jquery, e estava vendo a documentação do Jquery Ui, Draggable e Droppable. Eu estou estudando a demonstração do site, mas não entendo essa parte:
var $list = $( "ul", $trash ).length ?
$( "ul", $trash ) :
$( "<ul class='gallery ui-helper-reset'/>" ).appendTo( $trash );
Não entendo a parte do ?
depois do .length
e o :
depois do $( "ul", $trash )
.
Essa é a função completa:
function deleteImage( $item ) {
$item.fadeOut(function() {
var $list = $( "ul", $trash ).length ?
$( "ul", $trash ) :
$( "<ul class='gallery ui-helper-reset'/>" ).appendTo( $trash );
$item.find( "a.ui-icon-trash" ).remove();
$item.append( recycle_icon ).appendTo( $list ).fadeIn(function() {
$item
.animate({ width: "48px" })
.find( "img" )
.animate({ height: "36px" });
});
});
}
E essa é a evento que chama a função:
var $gallery = $( "#gallery" ),
$trash = $( "#trash" );
$trash.droppable({
accept: "#gallery > li",
classes: {
"ui-droppable-active": "ui-state-highlight"
},
drop: function( event, ui ) {
deleteImage( ui.draggable );
}
});