I'm working with Codeigniter and I have a jQuery file to add some functionalities. But I think I'm doing it in a wrong way.$(function() {    var list = '../indoamericana/intranet/employeesList/';    var home = '../indoamericana/administrar/callHome/';    var profile = '../indoamericana/user/';    var addUser = '../indoamericana/user/addUSer';    $(document).on('click', '#documentacion', function(e) {         var head = $('iframe').contents().find('head');        head.append($('<link/>', {             rel: 'stylesheet',             href: '/indoamericana/webroot/css/style.css',             type: 'text/css' }));        head.append($('<link/>', { rel: 'stylesheet',             href: '/indoamericana/webroot/css/custom.css',             type: 'text/css' }));        e.preventDefault();    });    $(document).on('click', 'a[data-target=#ajax]', function(ev){        var target = $(this).attr(href);        $(#ajax).load(target, function() {             $(#ajax).modal(show);         });        ev.preventDefault();    });    var loadPage = function(page){        $(.page-content).load(page);      };    $(.sub-menu .menu-item, .module-item).click(function(event) {        $(.page-content).load($(this).data('target'));          $(title).text( $( this ).text() );    });    $( document ).on( 'click', '.page-sidebar-menu li', function(e) {         $( this ).addClass('active');        $( this ).siblings().removeClass('active');    });    var last_clicked = '';    var order = 'asc';    $(document).on('click', '#admin-support a i', function(e){        var index = $( this ).attr('data-sort');         if( last_clicked == index )            order = ( order == 'asc' ) ? order = 'desc' : order = 'asc';        last_clicked = index;        var page  = '../indoamericana/soporte/allSupports/' + index + '/' + order;         $(.page-content).load(page);    });});I'm calling this file (call-functionalities.js) in a script type of my 'head':<script src=webroot/scripts/call-functionalities.js type=text/javascript></script>I don't want to use anonymous functions. I have seen some pages that use jQuery(document).ready(function() {       App.init();  Index.init();});
jQuery click handlers
javascript;jquery;codeigniter