Jquery wird nicht in der Startseite angezeigt

*Aktualisieren!

Die Tabelle wird nur im Chrome-Browser angezeigt, nicht in anderen Browsern. Versucht in Safari und Opera und hat keine Tabelle auf dem Bildschirm gesehen. Bitte helfen Sie! Muss wenn möglich mit allen Browsern kompatibel sein.

ursprünglicher Beitrag:

Ich versuche, eine Tabelle zu laden, die Daten von einer API holt, um Kryptowährung Preise zu zeigen. Es funktioniert, wenn ich es von einer HTML-Seite in Ordnung, aber nicht in WordPress arbeiten. Ich benutze die Tabulator- Bibliothek, die derzeit von Jquery und Jquery UI abhängig ist (Jquery UI-Widgets, um spezifisch zu sein.) Ich habe versucht, ‘json2’ in diesem Code ebenfalls einzuschließen, aber es wird auf der Seite überhaupt nicht angezeigt, aber ist da, wenn ich die Seitenquelle anschaue. Ich füge die Jquery über das Scripts n Styles Plugin hinzu. Ich habe sogar den Code auf keinen Konflikt geändert, habe auch versucht, alle Dollarzeichen auf “Jquery” zu ändern, aber es hat nicht funktioniert, und versuchte, meine eigene Jquery zu laden, und versuchte, jquery-ui-core als eine Abhängigkeit zu ‘tabulatorlink’ hinzuzufügen , Version aber noch kein Glück. Jede Eingabe wird sehr geschätzt! Klare Handlungsschritte wären vorzuziehen, da mir das noch ziemlich neu ist.

Seitenlink hier

Code in functions.php Datei des untergeordneten Themas ist wie folgt:

function add_theme_scripts() { wp_register_style( 'tabulator', 'https://cdnjs.cloudflare.com/ajax/libs/tabulator/3.3.3/css/tabulator.min.css' ); wp_enqueue_style('tabulator'); wp_deregister_script('jquery'); wp_register_script('jquery', 'https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js', array() , '3.2.1', true); wp_enqueue_script( 'jquery'); wp_deregister_script('jquery-ui-core'); wp_register_script('jquery-ui-core', 'https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js', array('jquery') , '1.12.1', true); wp_enqueue_script('jquery-ui-widget'); wp_register_script( 'tabulatorlink', 'https://cdnjs.cloudflare.com/ajax/libs/tabulator/3.3.3/js/tabulator.min.js', array('jquery', 'jquery-ui-core', 'jquery-ui-widget'), false, true); wp_enqueue_script('tabulatorlink'); } add_action( 'wp_enqueue_scripts', 'add_theme_scripts' ); 

Der benutzerdefinierte Jquery-Code für die Tabelle lautet wie folgt: (über Skripts n Styles hinzugefügt)

  (function($) { //create Tabulator on DOM element with id "example-table $(document).ready(function() { $("#example-table").tabulator({ height:1000,// set height of table, this enables the Virtual DOM and improves render speed dramatically (can be any valid css height value) responsiveLayout:true, layout:"fitColumns", //fit columns to width of table (optional) paginationSize:100, columns:[ //Define Table Columns {title:"Rank", field:"rank", align:"center", width:70}, {title:"Name", field:"name", headerFilter:"input", width:130}, {title:"Symbol", field:"symbol", headerFilter:"input", width:80}, {title:"Price (USD)", field:"price_usd", formatter:"money", width:110}, {title:"24hr Volume (USD)", field:"24h_volume_usd", width:155}, {title:"Market Cap (USD)", field:"market_cap_usd", formatter:"money", width:150}, {title:"Available Supply", field:"available_supply", width:140}, {title:"% Change 1hr", field:"percent_change_1h", width:130}, {title:"% Change 24hr", field:"percent_change_24h", width:130}, {title:"% Change 7d", field:"percent_change_7d", width:130}, ], rowClick:function(e, row){ //trigger an alert message when the row is clicked alert("Individual coin pages coming soon"); }, }); //load sample data into the table $("#example-table").tabulator("setData", "https://api.coinmarketcap.com/v1/ticker/?start=0&limit=1500"); Tabulator.extendExtension("ajax", "defaultConfig", { type:"POST", contentType : "application/json; charset=utf-8" }); $("#example-table").tabulator({ ajaxURL:"https://api.coinmarketcap.com/v1/ticker/?start=0&limit=1500", //ajax URL ajaxParams:{key1:"value1", key2:"value2"}, //ajax parameters ajaxConfig:"POST", //ajax HTTP request type }); }); })( jQuery );  

Solutions Collecting From Web of "Jquery wird nicht in der Startseite angezeigt"

Ihr Live-Site-Jquery-Code ( fehlt

(function($) {