Laravel Admin 自定义 JavaScript 的正确方式

https://laravel-admin.org/ 使用的是 Pjax ，所以自定义 JS 时候需要按照 Pjax 的事件周期来。

第一步

加载 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();
});

 

第三步：没有了，只有两步。