Question

I am asking my question after I have tried many ways to solve it but i couldn’t.
I have conflicts with jQuery scripts in my site. The other I have changed the $ to jQuery and they worked but this script didn’t work for me.

This code below works only the second script but the first script no.

<script defer="defer">
jquery.noConflict();
(function ($) {
    $("#insured_list").tablesorterPager({
        container: jquery("#pager")
    });

})(jQuery);
</script>
<script defer="defer">
(function ($) {
    $("#insured_list").tablesorter({
        widthFixed: true,
        widgets: ['zebra']
    })
})(jQuery);
</script> 

before it was like that

<script defer="defer">
$(document).ready(function()


        $("#insured_list").tablesorterPager({container: jquery("#pager")}); 
                          .tablesorter({widthFixed: true, widgets: ['zebra']})
});

and neither worked, no page script no sorter.
I tried noconflict but it didnt seem to work.

Answer 1

Define a variable as follows :

$s = jquery.noConflict();

And then replace all $ of a part of code with $s

Hopefully it will work