避免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更換 $解決這個問題

它爲我工作。希望能幫助到你。