Javascript 使用引导表在laravel中加载页面时自动加载jquery

我有一个页面可以在laravel中使用jquery和引导表显示数据： 在body中，我有一个隐藏类型来解析jquery的值：

jquery代码：

<script type="text/javascript">

$（文档）.ready（函数（）{

$（“#attendanceTable”）.bootstrapTable({
类：“表条带化”，
条纹：是的，
formatLoadingMessage:function（）{返回“”；}，
url:{{url:：route（“获取数据出席人数”）}，
查询参数：函数（p）{
p、 iSearch=$（'#iSearch'）.val（）；
p、 compName=$（'#compName'）.val（）；
返回p；
},
分页：正确，
侧分页：'server'，
栏目：[{
字段：'nik'，
标题：“尼克”，
},{
字段：'date'，
标题：“日期”，
},{
字段：'staffname'，
标题:"姓名",，
},{
字段：'in'，
标题:"IN",，
},{
字段：'out'，
标题:"出局",，
}]
});
$（'.filterTable'）。在（'click'，函数（e）{
e、 预防默认值（）；
$（“#attendanceTable”）.bootstrapTable（'刷新'{
网址：'http://portal.rodalink.com/attendance/data',
查询参数：函数（p）{
p、 iSearch=$（'#iSearch'）.val（）；
p、 compName=$（'#compName'）.val（）；
返回p；
}
}); 
});
document.addEventListener（“DOMContentLoaded”），函数（事件）{
$（'.filterTable'）。触发器（'click'）；
});

}))；

---

问题是：加载页面时，jquery无法获取compName参数，但如果单击搜索按钮或刷新页面，jquery可以获取compName参数。如何处理这个问题？谢谢

#compName

标记是由AJAX加载的（后面的页面）还是直接加载的？直接加载（当页面加载时）您可以尝试在加载函数

queryParams

中设置断点，并通过控制台确保jQuery找不到标记吗？抱歉，我不知道您的意思，因为我是jQuery的新手。但这里是第一次加载页面时的响应：当我刷新或单击搜索按钮时：我没有访问权限（需要用户名/密码）。如果你使用Chrome（但其他浏览器都有），你可以点击“选项”按钮（三条水平线按钮）和“更多工具->开发工具”。在这里，有一个名为“Source”的选项卡，您可以在JavaScript中放置断点，还有一个选项卡“Console”，您可以在其中键入实时JS代码。

#compName

标记是由AJAX加载的（稍后在页面中）还是直接加载的？直接加载的（当页面加载时）您能否尝试在加载函数

queryParams

中设置一个断点，并通过控制台确保jQuery没有找到标记？对不起，我不知道您的意思，因为我是jQuery的新手。但这里是第一次加载页面时的响应：当我刷新或单击搜索按钮时：我没有访问权限（需要用户名/密码）。如果你使用Chrome（但其他浏览器都有），你可以点击“选项”按钮（三条水平线按钮）和“更多工具->开发工具”。在这里，有一个名为“Source”的选项卡，您可以从中在JavaScript中放置断点，还有一个选项卡“Console”，您可以从中键入实时JS代码。

$('#attendanceTable').bootstrapTable({
    classes: 'table table-striped',
    striped: true,
    formatLoadingMessage: function(){ return '<img src="public/assets/images/cui-loading.gif" width="30px"/>';},
    url: '{{ URL::route("get_data_attendance") }}',
    queryParams:function(p){
        p.iSearch = $('#iSearch').val();
        p.compName = $('#compName').val();
        return p;
    },
    pagination:true,
    sidePagination:'server',
    columns: [{
        field:'nik',
        title:'NIK',
    },{
        field:'date',
        title:'DATE',
    },{
        field:'staffname',
        title:'NAME',
    },{
        field:'in',
        title:'IN',
    },{
        field:'out',
        title:'OUT',
    }]
});

$('.filterTable').on('click',function(e){ 
    e.preventDefault();
    $('#attendanceTable').bootstrapTable('refresh', {
    url: 'http://portal.rodalink.com/attendance/data',
    queryParams:function(p){
        p.iSearch = $('#iSearch').val();
        p.compName = $('#compName').val();
        return p;
    }
    }); 
});

document.addEventListener("DOMContentLoaded", function(event) {
   $('.filterTable').trigger('click');
});