Forum Discussion

SheryBulos's avatar
SheryBulos
Ace
5 years ago

How to solve the conflict between litium jquery and the jquery that I use ?

Hello everyone, How to solve conflict between lithium jquery and the jquery that I use ? The scenario is as follows: I need to have the on document ready function inside the liaAddScript how...
Parshant's avatar
Parshant
Boss

SheryBulos,

Your are getting error just beacuse your code is coming under script tag as well, whenever if you wish to continue to run jquery code you should use

 

<@liaAddScript>
    ;(function($){
        $(document).ready(function() {
            $('table.generic').DataTable();
        } );
    })(LITHIUM.jQuery);

var setTablesFilters = (attrName, tableId, attrIndex) => {
    var table = $('#'+tableId).DataTable();
    let uniqueFilterList =  table.column(attrIndex).data().unique().toArray();
        return uniqueFilterList.map((val)=>{ return {'name':val, 'checked': false}});
}

</@liaAddScript>

or script code only in

<@liaAddScript>
var setTablesFilters = (attrName, tableId, attrIndex) => {
    var table = $('#'+tableId).DataTable();
    let uniqueFilterList =  table.column(attrIndex).data().unique().toArray();
        return uniqueFilterList.map((val)=>{ return {'name':val, 'checked': false}});
}
</@liaAddScript>

 

SheryBulos's avatar
SheryBulos
Ace
5 years ago

Hello Parshant 

First of all thank you so much for your help.

secondly when I put all the js code inside the <@liaAddacript> tag, 
the onclick methods return "Uncaught ReferenceError: setTablesFilter is not defined at HTMLButtonElement.onclick"