jquery - jQuery.noConflict(); 用mootools

Question

我想为我的 joomla 网站使用这个选择UI

我改变了原来的代码，如下所示

更改代码

$(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();

});

但它不适用于我的网站

错误是什么？

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);