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();
});
本作品采用《CC 协议》,转载必须注明作者和本文链接
推荐文章: