Im trying to put my code in a included theme.js file. It wont recognize my variables anymore.
Working in .rain file within the html code:
<script>
jQuery(document).ready(function(){
var uspicon1 = "{{ theme.usp_1_icon }}";
var uspicon2 = "{{ theme.usp_2_icon }}";
var uspicon3 = "{{ theme.usp_3_icon }}";
var uspicon4 = "{{ theme.usp_4_icon }}";
jQuery('.icon1').addClass(uspicon1);
jQuery('.icon2').addClass(uspicon2);
jQuery('.icon3').addClass(uspicon3);
jQuery('.icon4').addClass(uspicon4);
});
</script>
Not working with an include .js file:
jQuery(document).ready(function(){
var uspicon1 = "{{ theme.usp_1_icon }}";
var uspicon2 = "{{ theme.usp_2_icon }}";
var uspicon3 = "{{ theme.usp_3_icon }}";
var uspicon4 = "{{ theme.usp_4_icon }}";
jQuery('.icon1').addClass(uspicon1);
jQuery('.icon2').addClass(uspicon2);
jQuery('.icon3').addClass(uspicon3);
jQuery('.icon4').addClass(uspicon4);
});
Practicly the same without the script tags. I tested a console.log() and it works fine. I'm guessing it wont recognize my {{ variables }} in .js file.
Anybody know what the syntax is?