避免jQuery的confllict

Question

我使用jQuery来缩放图像，它工作正常，在试验html

但它显示的错误，看起来像冲突错误，当我尝试实施它在直播网站，其它JS也调用它，它显示下面的错误

Uncaught TypeError: Object #<HTMLDocument> has no method 'ready' * 1号线在base.js

我尝试下面的代码为避免冲突，但它不是作品看起来像我丢失了一些东西

jquery.noconflict(); 
$(document).ready(on_ready); 
function on_ready() { 
$('#search').defaultVal('search here...'); 
$('#comment').defaultVal('your comment here...'); 
$('#message').defaultVal('your message here...'); 
..... 

base.js文件可以下面提到链路

http://techchef.co/devTest/test/base.js

Answer 1

jQuery.noConflict(); 
// cannot use '$' because of .noConflict() 
// now the '$'-sign is free for other libraries e.b. MooTools... 
// ...that's what noConflict does 

// try using 'jQuery' instead of '$' here 
jQuery(document).ready(function() { 
    jQuery('.selector').click(function() { 
     // and so on 
    }); 
}); 

// or an other solution looks like this 

(function($) { 
    $(function() { 
     // more code using $ as alias to jQuery 
    }); 
})(jQuery) 

// in your case try 

jQuery(document).ready(function() { 
    // the code you have in your on_ready-function 
}); 

// or 

jQuery(document).ready(function() { 
    on_ready(); 
}); 
function on_ready() { 
    // your on_ready-function 
} 

MORE INFO

Answer 2

var j = jQuery.noConflict(); 
// Do something with jQuery 
j("div p").hide(); 
// Do something with another library's $() 
$("content").style.display = 'none'; 

see this documentation for more information.

Answer 3

上看到

当我试图做到这一点像它下面显示错误，&不检测我在哪里默认base.js调用它的呼叫

jQuery.noConflict() 
jQuery(document).ready(function($) 
{ 
function on_ready() { $('#search').defaultVal('search here...');  
$('#comment').defaultVal('your comment here...'); 
$('#message').defaultVal('your message here...'); }); 

}）

实际上在页面上的函数调用调用on_ready功能类似下面

$(document).ready(on_ready); 
function on_ready() { 
$('#search').defaultVal('search here...'); 
$('#comment').defaultVal('your comment here...'); 
$('#message').defaultVal('your message here...'); 

Answer 4

我只是在base.js

与 jQuery更换 $解决这个问题

它为我工作。希望能帮助到你。