Блог

У меня есть глобальный объект jQuery, определенный во внешнем файле:

 var App = function () {

    function handleTableRowSelection()
    {
        /*
        TRs being generated dynamically via json AJAX call. 
        Select nearest static element then pass in TRs.
        */
        $('table.allow-selection tbody').on('click', 'tr', function(e)
        {
            /*Don't change row class if clicking on a link (HTMLAnchorElement), or any other sub-element*/
            if ((e.target instanceof HTMLTableCellElement) == true)
            {
                var row = $(this);

                row.find('td').each(function()
                {
                    $(this).toggleClass('user-selected');
                });
            }
        });
    }

    return {
        init: function ()
        {
            handleTableRowSelection();
        },

    };
}();
  

Когда я вызываю App.init(); в моем $ (документе).готово, он отлично работает (из моего шаблона основного блейда), хотя я не передаю никаких параметров в handleTableRowSelection.

Когда я пытаюсь вызвать App.handleTableRowSelection('#details', 'table.allow-selection tbody tr') из подшаблона для одного представления, я получаю «undefined — это не функция».

Я вызываю метод init в моем главном шаблоне следующим образом: App.init();

Я думал, что смогу получить доступ к объекту приложения (его находит завершение кода моей IDE), не так ли?

App устанавливается значение IIFE, которое возвращает структуру, содержащую { init: <your function> } . Никакие другие функции не предоставляются за пределами IIFE — в этом весь смысл IIFE при использовании таким образом: предоставлять «частное» хранилище для функций и экспортировать общедоступный интерфейс.

Если вы хотите иметь возможность публично вызывать эту функцию с таким именем, вашему последнему return необходимо сделать ее доступной как свойство объекта, который он «экспортирует»:

 return {
    init: function ()
    {
        handleTableRowSelection();
    },
    handleTableRowSelection: function () {
        handleTableRowSelection();
    }
};