Laravel Admin 自定義 JavaScript 的正確方式？

https://laravel-admin.org/ 使用的是 Pjax ，所以自定義 JS 時候需要按照 Pjax 的事件週期來。

Pjax 事件請見 https://github.com/defunkt/jquery-pjax#usa...

第一步

載入 JS 檔案

app/Admin/bootstrap.php

Admin::js('/js/admin-extended.js');

第二步

public/js/admin-extended.js

(function($){

    var AdminExtended = {
        init: function(){
            var self = this;

            // Pjax 所有事件請見：https://github.com/defunkt/jquery-pjax#usage

            $(document).on('pjax:start', function() {

            });

            //  after replacing content
            $(document).on('pjax:end', function() {

                // Pjax 模式裡頁面載入成功後的初始化
                self.siteBootUp();
            });

            // always fires after ajax, regardless of result
            $(document).on('pjax:complete', function() {

            });


            // 正常頁面載入成功後的初始化
            self.siteBootUp();
        },

        siteBootUp: function(){
            var self = this;

            self.replaceEnglish();
        },

        replaceEnglish: function(){
            // 建立頁面
            $('.file-drop-zone-title').text("拖動檔案到此上傳...");

            // 左邊搜尋框
            $('.sidebar-form .input-group input.form-control.autocomplete').attr("placeholder", '搜尋...');
        },

    };
    window.AdminExtended = AdminExtended;
})(jQuery);

$(document).ready(function()
{
    AdminExtended.init();
});

本作品採用《CC 協議》，轉載必須註明作者和本文連結