Wie jqplot in WordPress enthalten?

Question

Ich entwickle Plugin, wo ich jqplot für Balkendiagramme verwende, habe ich in der gleichen Weise wie sie in documentaion gesagt, aber in Wordpress funktioniert nicht, aber es funktioniert in normalen PHP, unten ist mein Code

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<script type="text/javascript" src="<?php echo WP_PLUGIN_URL; ?>/js/jquery.jqplot.js"></script> 
 
<script type="text/javascript" src="<?php echo WP_PLUGIN_URL; ?>/js/jqplot.barRenderer.js"></script> 
 
<script type="text/javascript" src="<?php echo WP_PLUGIN_URL; ?>/js/jqplot.pieRenderer.js"></script> 
 
<script type="text/javascript" src="<?php echo WP_PLUGIN_URL; ?>/js/jqplot.categoryAxisRenderer.js"></script> 
 
<script type="text/javascript" src="<?php echo WP_PLUGIN_URL; ?>/js/jqplot.pointLabels.js"></script> 
 
<link rel="stylesheet" type="text/css" href="<?php echo WP_PLUGIN_URL; ?>/css/jquery.jqplot.css" /> 
 
<script> 
 
$(document).ready(function(){ 
 
     $.jqplot.config.enablePlugins = true; 
 
     var s1 = [2, 6, 7, 10]; 
 
     var ticks = ['a', 'b', 'c', 'd']; 
 
      
 
     plot1 = $.jqplot('chart1', [s1], { 
 
      // Only animate if we're not using excanvas (not in IE 7 or IE 8).. 
 
      animate: !$.jqplot.use_excanvas, 
 
      seriesDefaults:{ 
 
       renderer:$.jqplot.BarRenderer, 
 
       pointLabels: { show: true } 
 
      }, 
 
      axes: { 
 
       xaxis: { 
 
        renderer: $.jqplot.CategoryAxisRenderer, 
 
        ticks: ticks 
 
       } 
 
      }, 
 
      highlighter: { show: false } 
 
     }); 
 
     
 
     $('#chart1').bind('jqplotDataClick', 
 
      function (ev, seriesIndex, pointIndex, data) { 
 
       $('#info1').html('series: '+seriesIndex+', point: '+pointIndex+', data: '+data); 
 
      } 
 
     ); 
 
    }); 
 
    </script>

<div id="chart1" style="height:400px;width:300px; "></div>

Answer 1

Sie sollten lesen Sie, wie enqueue scripts richtig Abhängigkeiten erfüllt, um sicherzustellen. In meinem Fall, hier ist, wie ich das erste Skript in die Warteschlange stellen würde, sollte jquery bereits von WordPress geladen werden, wenn Sie es nicht entfernt haben. Verschiebe auch alle deine Skripte unter dein Child-Theme-Verzeichnis, wie ich es unten getan habe. Entweder das oder erstellen Sie ein richtiges Plugin und verschachteln Sie es unter dem nicht im root plugins-Verzeichnis, wie Sie es getan haben.

function wpb_adding_scripts() { 
    wp_register_script('jqplot', get_template_directory_uri() . '/js/jquery.jqplot.js', array('jquery'),'1.1', true); 
    wp_enqueue_script('jqplot'); 
} 


add_action('wp_enqueue_scripts', 'wpb_adding_scripts');