Conflicto javascript

[cesa_r]

Como dices:

var $ = jQuery.noConflict();

$ puede ser sustituida por una letra pero es mas tedioso te deveria funcionar esta linea tal cual.

Intenta asi:

<script type="text/javascript">
var $ = jQuery.noConflict();

$(document).ready(function() {

$('#myModal').modal('hide')

$(function() {
// there's the gallery and the trash
var $gallery = $( ".gallery" ),
$trash = $( "#trash" );
// let the gallery items be draggable
$( ".listelements", $gallery ).draggable({
cancel: "a.ui-icon", // clicking an icon won't initiate dragging
revert: "invalid", // when not dropped, the item will revert back to its initial position
containment: "document",
helper: "clone",
cursor: "move"
});

// let the trash be droppable, accepting the gallery items
$trash.droppable({
accept: ".gallery > .listelements",
activeClass: "ui-state-highlight",
drop: function( event, ui ) {
deleteImage( ui.draggable );
}
});

// let the gallery be droppable as well, accepting items from the trash
$gallery.droppable({
accept: "#trash .listelements",
activeClass: "custom-state-active",
drop: function( event, ui ) {
recycleImage( ui.draggable );
}
});
}

//////////////////////////////////////////////////////////////////////////////////////////////////

});
</script>