jQuery.noConflict（）;用mootools

Question

我想在我的joomla网站上使用this select UI

我改变了原来的代码，如bellow

更改了代码

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

});

原始代码

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

});

但它不适用于my site

什么是错误？

Answer 1

您正在使用noConflict语句错误，它应该是这样的：

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

});

你甚至可以通过这样做让自己更容易：

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

Answer 2

你应该有一些东西，不需要担心$。

你也应该在mootools之前加载jQuery。

//编辑 查看http://api.jquery.com/jQuery.noConflict/

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

})(jQuery);