I am trying to add this script in my application.
<script src="mootools-1.2-core-yc.js" type="text/javascript"></script>
<script src="mootools-1.2-more-drag.js" type="text/javascript"></script>

But get this error message.

"Jquery not working.. Uncaught TypeError: Object # has no method 'ready'"

Reason is my application already has this line of code.

$(document).ready(function () {
$(".FreeTextBoxDescription_DesignBox").css({ 'background-color': 'White' });
$('#closeBtnLike').click(function () {
$('#smallPopupBoxLikeOnComment').hide();
$('#overlay').hide();
});

});

Untitled.png

Solution.


This is happening because of Jquery and mootools conflict

$(document).ready(function(){

Replace with

jQuery(document).ready(function($) {

It is because of, both Jquery and mootools use $(document).