Question

I want to use this select UI for my joomla site

i changed the original code like bellow

changed code

$(function() {
    jQuery.noConflict();
    jQuery( "#selectable" ).bind("mousedown", function(event, ui) {
        var result =  jQuery( "#select-result" ).empty();
        event.ctrlKey = true;
    });
    jQuery( "#selectable" ).selectable();

});

original code

$(function() {
    $( "#selectable" ).bind("mousedown", function(event, ui) {
        var result = $( "#select-result" ).empty();
        event.ctrlKey = true;
    });
    $( "#selectable" ).selectable();

});

But it’s not working with my site

WHAT IS THE ERROR ?

Answer 1

you are using the noConflict statement wrong it should be like this:

jQuery.noConflict();
jQuery(function() {
jQuery( "#selectable" ).bind("mousedown", function(event, ui) {
    var result =  jQuery( "#select-result" ).empty();
    event.ctrlKey = true;
});
jQuery( "#selectable" ).selectable();

});

you can even make it easier for yourself by doing this:

 jQuery.noConflict();
 jQuery(function($) {
     $( "#selectable" ).bind("mousedown", function(event, ui) {
         var result =  $( "#select-result" ).empty();
         event.ctrlKey = true;
     });
     $( "#selectable" ).selectable();
});