I am working in one Web-base software, which is build in "codeigniter". In this software they used jQueryUI, bootstrap JQuery etc.
Here I want to implement inline editing functionality. I successfully implemented it but after Implementing inline editing functionality, other functionality of that not working properly because of conflict between two jQuery.
Here is my jquery code which we added :
<script>
$(document).ready(function(){
$('div.auto').click(function(){
$('.ajax').html($('.ajax input').val());
$('.ajax').removeClass('ajax');
$(this).addClass('ajax');
$(this).html('<input id="editbox" size="'+$(this).text().length+'" type="text" value="' + $(this).text() + '">');
$('#editbox').focus();
}
);
</script>
I also put below code before above code for stopping jQuery conflict :
<script>
$.noConflict();
// Code that uses other library's $ can follow here.
</script>