鍍金池/ 問答/HTML/ bootstrap引入bootstrap-table.js報錯

bootstrap引入bootstrap-table.js報錯

這是什么原因
圖片描述

代碼如下
<link href="~/Script/bootstrap/css/bootstrap.css" rel="stylesheet" />

<link href="~/Script/bootstrap/css/bootstrap-table.css" rel="stylesheet" />
<link href="~/Script/EasyUI/themes/default/easyui.css" rel="stylesheet" />
<link href="~/Script/EasyUI/themes/icon.css" rel="stylesheet" />
<link href="~/Style/timeline.css" rel="stylesheet" />
<script src="~/Script/Common/jquery-3.3.1.min.js"></script>

<script type="text/javascript" src="~/Script/bootstrap/js/bootstrap.min.js"></script>
@*3、bootstrap table組件以及中文包的引用*@
<script src="~/Script/bootstrap/js/bootstrap-table.js"></script>
<script src="~/Script/bootstrap/js/bootstrap-table-zh-CN.js"></script>

**html代碼如下**
<fieldset>
   <legend>項目授權(quán)信息</legend>                    
   <table class="table table-hover" data-toggle="table" id="powerTable"></table>
</fieldset>

$(document).ready(function () {
    //調(diào)用函數(shù),初始化表格
    initTable();
});
function initTable() {
    $('#powerTable').bootstrapTable({
        url: "/Project/Project/GetPowerList", // 獲取表格數(shù)據(jù)的url
        toolbar: '#toolbar',
        cache: false, // 設(shè)置為 false 禁用 AJAX 數(shù)據(jù)緩存, 默認(rèn)為true
        striped: true,  //表格顯示條紋,默認(rèn)為false
        sidePagination: "server", //表示服務(wù)端請求
        queryParams: { PROJECTID: $("#ID").val() },
        sortName: 'ADDTIME', // 要排序的字段
        sortOrder: 'desc', // 排序規(guī)則
        columns: [
            {
                checkbox: true, // 顯示一個勾選框
                align: 'center' // 居中顯示
            }, {
                field: 'ID', // 返回json數(shù)據(jù)中的name
                visible: false //不顯示
            }, {
                field: 'USERID', // 返回json數(shù)據(jù)中的name
                title: '編號', // 表格表頭顯示文字
                align: 'center', // 左右居中
                valign: 'middle' // 上下居中
            }, {
                field: 'POWER',
                title: '所有權(quán)限',
                align: 'center',
                valign: 'middle',
                formatter: function (value, row, index) { // 單元格格式化函數(shù)

                }
            }, {
                field: 'ADDTIME',
                title: '計算方式',
                align: 'center',
                valign: 'middle',
                formatter: function (value, row, index) { // 單元格格式化函數(shù)

                }
            }, {
                title: "操作",
                align: 'center',
                valign: 'middle',
                width: 160, // 定義列的寬度,單位為像素px
                formatter: function (value, row, index) {
                    return '<button class="btn btn-primary btn-sm" onclick="del(\'' + row.stdId + '\')">刪除</button>';
                }
            }
        ],
        onLoadSuccess: function () {  //加載成功時執(zhí)行
            console.info("加載成功");
        },
        onLoadError: function () {  //加載失敗時執(zhí)行
            console.info("加載數(shù)據(jù)失敗");
        }

    });
}
            
            
            
            
回答
編輯回答
你好胸

用cdn引入試試,感覺像是路徑有問題

2018年4月25日 06:14
編輯回答
陪妳哭

問題解決, 把進入的bootstrap-table.js順序放到bootstrap-min.js前面

2017年4月23日 21:49