JQuery JSGrid：不工作

有人可以幫助我看看爲什麼這個小提琴不工作。這是我第一次玩JQuery和東西。JQuery JSGrid：不工作

<#include> 
https://jsfiddle.net/rohit12sh/wk7exxhj/2/

這是我的index.html文件。不知道爲什麼它不起作用。我還沒有看到任何開發者控制檯錯誤工具

<!DOCTYPE html> 
<html lang="en" class="no-js"> 
<head> 
    <meta charset="UTF-8" /> 
    <title>To-do List</title> 

    <script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js" /> 
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jsgrid/1.5.3/jsgrid.min.js" /> 

    <link type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jsgrid/1.5.3/jsgrid.min.css" /> 
    <link type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jsgrid/1.5.3/jsgrid-theme.min.css" /> 



    <script> 
     var clients = [ 
      { "Name": "Otto Clay", "Age": 25, "Country": 1, "Address": "Ap #897-1459 Quam Avenue", "Married": false }, 
      { "Name": "Connor Johnston", "Age": 45, "Country": 2, "Address": "Ap #370-4647 Dis Av.", "Married": true }, 
      { "Name": "Lacey Hess", "Age": 29, "Country": 3, "Address": "Ap #365-8835 Integer St.", "Married": false }, 
      { "Name": "Timothy Henson", "Age": 56, "Country": 1, "Address": "911-5143 Luctus Ave", "Married": true }, 
      { "Name": "Ramona Benton", "Age": 32, "Country": 3, "Address": "Ap #614-689 Vehicula Street", "Married": false } 
     ]; 

     var countries = [ 
      { Name: "", Id: 0 }, 
      { Name: "United States", Id: 1 }, 
      { Name: "Canada", Id: 2 }, 
      { Name: "United Kingdom", Id: 3 } 
     ]; 

     $("#jsGrid").jsGrid({ 
      width: "100%", 
      height: "400px", 

      inserting: true, 
      editing: true, 
      sorting: true, 
      paging: true, 

      data: clients, 

      fields: [ 
       { name: "Name", type: "text", width: 150, validate: "required" }, 
       { name: "Age", type: "number", width: 50 }, 
       { name: "Address", type: "text", width: 200 }, 
       { name: "Country", type: "select", items: countries, valueField: "Id", textField: "Name" }, 
       { name: "Married", type: "checkbox", title: "Is Married", sorting: false }, 
       { type: "control" } 
      ] 
     }); 
    </script> 

</head> 
<body> 
    <div id="jsGrid"></div> 

</body> 
</html>

感謝您的幫助。

來源

2017-05-16 rohit12sh

請在更新後的鏈接中找到答案。 Updated Link

<table id="jsGrid"></table>

來源

2017-05-17 04:22:22 Shiladitya

這個小提琴的實際工作，但是當我在移動HTML代碼，這是行不通的。 – rohit12sh

我已經更新了這個問題。請看看 – rohit12sh

它使用更新的代碼https://jsfiddle.net/wk7exxhj/6/ – Shiladitya

JQuery JSGrid：不工作

回答

相關問題