Risolvere conflitto fra due script jQuery [era: jQUERY HELP ME]

[zeropescadale]

Buonasera a tutti,
premettendo che sono assolutamente neofita di jquery mi sorge un problema in uno script...
in poche parole ho due javascript che vengono chiamati da due elementi differenti della mia pagina, nello specifico il primo serve per inserire nella pagina stessa un text-area wysihtml5, l'altro invece mi serve per inserire dei grafici...
Il problema?

non riesco a farli andare contemporaneamente, l'uno mi esclude l'altro.
Credo sia un problema sul nome delle funzioni usate dato che mi sembrano uguali (premetto che entrambi gli script non li ho creati io ma provengono da un template, sono nativi su pagine diverse e su quello funzionano. sulla mia pagina se inseriti singolarmente non danno problemi.)

vi posto di seguito il mio codice

Codice per il TEXTAREA

<script type="text/javascript">
      $(function () {
        // Replace the <textarea id="editor1"> with a CKEditor
        // instance, using default configuration.
        CKEDITOR.replace('editor1');
        //bootstrap WYSIHTML5 - text editor
        $(".textarea").wysihtml5();
      });
    </script>

codice per i grafici:

    <script type="text/javascript">


      $(function () {
        "use strict";

        // AREA CHART
        var area = new Morris.Area({
          element: 'revenue-chart',
          resize: true,
          data: [
            {y: '2011 Q1', item1: 2666, item2: 12666},
            {y: '2011 Q2', item1: 2778, item2: 2294},
            {y: '2011 Q3', item1: 4912, item2: 1969},
            {y: '2011 Q4', item1: 3767, item2: 3597},
            {y: '2012 Q1', item1: 6810, item2: 1914},
            {y: '2012 Q2', item1: 5670, item2: 4293},
            {y: '2012 Q3', item1: 4820, item2: 3795},
            {y: '2012 Q4', item1: 15073, item2: 5967},
            {y: '2013 Q1', item1: 10687, item2: 4460},
            {y: '2013 Q2', item1: 8432, item2: 5713}
          ],
          xkey: 'y',
          ykeys: ['item1', 'item2'],
          labels: ['Item 1', 'Item 2'],
          lineColors: ['#a0d0e0', '#3c8dbc'],
          hideHover: 'auto'
        });

        <?php 
            $data_periodo=date('Y')."-01";
            $query_periodo="SELECT COUNT(*) as 'c' FROM visualizzazioni_prodotti WHERE anno_mese='".$data_periodo."' && id_prodotto='".$id_prodotto."'";
            $result_periodo = $mysqli->query($query_periodo);
            $risultato_gennaio = $result_periodo->fetch_object()->c;

            $data_periodo=date('Y')."-02";
            $query_periodo="SELECT COUNT(*) as 'c' FROM visualizzazioni_prodotti WHERE anno_mese='".$data_periodo."' && id_prodotto='".$id_prodotto."'";
            $result_periodo = $mysqli->query($query_periodo);
            $risultato_febbraio = $result_periodo->fetch_object()->c;

            $data_periodo=date('Y')."-03";
            $query_periodo="SELECT COUNT(*) as 'c' FROM visualizzazioni_prodotti WHERE anno_mese='".$data_periodo."' && id_prodotto='".$id_prodotto."'";
            $result_periodo = $mysqli->query($query_periodo);
            $risultato_marzo = $result_periodo->fetch_object()->c;

            $data_periodo=date('Y')."-04";
            $query_periodo="SELECT COUNT(*) as 'c' FROM visualizzazioni_prodotti WHERE anno_mese='".$data_periodo."' && id_prodotto='".$id_prodotto."'";
            $result_periodo = $mysqli->query($query_periodo);
            $risultato_aprile = $result_periodo->fetch_object()->c;

            $data_periodo=date('Y')."-05";
            $query_periodo="SELECT COUNT(*) as 'c' FROM visualizzazioni_prodotti WHERE anno_mese='".$data_periodo."' && id_prodotto='".$id_prodotto."'";
            $result_periodo = $mysqli->query($query_periodo);
            $risultato_maggio = $result_periodo->fetch_object()->c;

            $data_periodo=date('Y')."-06";
            $query_periodo="SELECT COUNT(*) as 'c' FROM visualizzazioni_prodotti WHERE anno_mese='".$data_periodo."' && id_prodotto='".$id_prodotto."'";
            $result_periodo = $mysqli->query($query_periodo);
            $risultato_giugno = $result_periodo->fetch_object()->c;

            $data_periodo=date('Y')."-07";
            $query_periodo="SELECT COUNT(*) as 'c' FROM visualizzazioni_prodotti WHERE anno_mese='".$data_periodo."' && id_prodotto='".$id_prodotto."'";
            $result_periodo = $mysqli->query($query_periodo);
            $risultato_luglio = $result_periodo->fetch_object()->c;

            $data_periodo=date('Y')."-08";
            $query_periodo="SELECT COUNT(*) as 'c' FROM visualizzazioni_prodotti WHERE anno_mese='".$data_periodo."' && id_prodotto='".$id_prodotto."'";
            $result_periodo = $mysqli->query($query_periodo);
            $risultato_agosto = $result_periodo->fetch_object()->c;

            $data_periodo=date('Y')."-09";
            $query_periodo="SELECT COUNT(*) as 'c' FROM visualizzazioni_prodotti WHERE anno_mese='".$data_periodo."' && id_prodotto='".$id_prodotto."'";
            $result_periodo = $mysqli->query($query_periodo);
            $risultato_settembre = $result_periodo->fetch_object()->c;

            $data_periodo=date('Y')."-10";
            $query_periodo="SELECT COUNT(*) as 'c' FROM visualizzazioni_prodotti WHERE anno_mese='".$data_periodo."' && id_prodotto='".$id_prodotto."'";
            $result_periodo = $mysqli->query($query_periodo);
            $risultato_ottobre = $result_periodo->fetch_object()->c;

            $data_periodo=date('Y')."-11";
            $query_periodo="SELECT COUNT(*) as 'c' FROM visualizzazioni_prodotti WHERE anno_mese='".$data_periodo."' && id_prodotto='".$id_prodotto."'";
            $result_periodo = $mysqli->query($query_periodo);
            $risultato_novembre = $result_periodo->fetch_object()->c;

            $data_periodo=date('Y')."-12";
            $query_periodo="SELECT COUNT(*) as 'c' FROM visualizzazioni_prodotti WHERE anno_mese='".$data_periodo."' && id_prodotto='".$id_prodotto."'";
            $result_periodo = $mysqli->query($query_periodo);
            $risultato_dicembre = $result_periodo->fetch_object()->c;



            $gennaio = "y: '".date('Y')."-01', b: '".$risultato_gennaio."'";
            $febbraio = "y: '".date('Y')."-02', b: '".$risultato_febbraio."'";
            $marzo = "y: '".date('Y')."-03', b: '".$risultato_marzo."'";
            $aprile = "y: '".date('Y')."-04', b: '".$risultato_aprile."'";
            $maggio = "y: '".date('Y')."-05', b: '".$risultato_maggio."'";
            $giugno = "y: '".date('Y')."-06', b: '".$risultato_giugno."'";
            $luglio = "y: '".date('Y')."-07', b: '".$risultato_luglio."'";
            $agosto = "y: '".date('Y')."-08', b: '".$risultato_agosto."'";
            $settembre = "y: '".date('Y')."-09', b: '".$risultato_settembre."'";
            $ottobre = "y: '".date('Y')."-10', b: '".$risultato_ottobre."'";
            $novembre = "y: '".date('Y')."-11', b: '".$risultato_novembre."'";
            $dicembre = "y: '".date('Y')."-12', b: '".$risultato_dicembre."'";
        ?>


        // LINE CHART ANNO
        var line = new Morris.Line({
          element: 'line-chart-anno',
          resize: true,
          data: [
            { <?php echo $gennaio?>},
            { <?php echo $febbraio?>},
            { <?php echo $marzo?>},
            { <?php echo $aprile?>},
            { <?php echo $maggio?>},
            { <?php echo $giugno?>},
            { <?php echo $luglio?>},
            { <?php echo $agosto?>},
            { <?php echo $settembre?>},
            { <?php echo $ottobre?>},
            { <?php echo $novembre?>},
            { <?php echo $dicembre?>}
          ],
            xkey: 'y',
            ykeys: ['b'],
            xLabels: 'month',
            labels: ['Visualizzazioni'],
            fillOpacity: 0.6,
            hideHover: 'auto',
            behaveLikeLine: true,
            resize: true,
            pointFillColors:['#ffffff'],
            pointStrokeColors: ['black'],
            lineColors:['red']
        });
        });


    </script>

Spero di sappiate aiutare

[GraphOGLRisorse]

Salve,
può riportare il link della pagina dove usa quel codice, o uno di una pagia di prova?
Così sarebbe più facile capire il comportamento errato.

Cordiali saluti.

[zeropescadale]

Salve,
può riportare il link della pagina dove usa quel codice, o uno di una pagia di prova?
Così sarebbe più facile capire il comportamento errato.

Cordiali saluti.

Pagina con "textarea" funzionante ma con grafici saltati: http://zeropescadale.altervista.org/...id_prodotto=29
Pagina con "Textarea" non funzionante ma con grafici ok: http://zeropescadale.altervista.org/...id_prodotto=29

[GraphOGLRisorse]

Nella seconda pagina dove viene visalizzata male la textarea, ho visto che manca questo:

    <script type="text/javascript">
      $(document).ready(function test() {
        // Replace the <textarea id="editor1"> with a CKEditor
        // instance, using default configuration.
        CKEDITOR.replace('editor1');
        //bootstrap WYSIHTML5 - text editor
        $(".textarea").wysihtml5();
      });
    </script>

Questo cidice, che poi è uno dei due che lei ha esposto, serve per visualizzare l'editor nelle textarea, quindi è normale che senza non funzioni corettamente. Immagino che l'abbia omesso volutamente permostrare la condizione.

Comunque ho visto che carica 2 volte jQuery in 2 versioni differenti, jQuery 2.1.3 e jQuery v3.3.1. Questo può creare conflitti e mal funzionamenti. Le consiglio di usare quella più recente.

Inoltre, la libreria jQuery è sempre meglio caricarla prima di tutte le altre librerie js che ne fanno uso.

Cordiali saluti.

[zeropescadale]

Nella seconda pagina dove viene visalizzata male la textarea, ho visto che manca questo:

    <script type="text/javascript">
      $(document).ready(function test() {
        // Replace the <textarea id="editor1"> with a CKEditor
        // instance, using default configuration.
        CKEDITOR.replace('editor1');
        //bootstrap WYSIHTML5 - text editor
        $(".textarea").wysihtml5();
      });
    </script>

Questo cidice, che poi è uno dei due che lei ha esposto, serve per visualizzare l'editor nelle textarea, quindi è normale che senza non funzioni corettamente. Immagino che l'abbia omesso volutamente permostrare la condizione.

Comunque ho visto che carica 2 volte jQuery in 2 versioni differenti, jQuery 2.1.3 e jQuery v3.3.1. Questo può creare conflitti e mal funzionamenti. Le consiglio di usare quella più recente.

Inoltre, la libreria jQuery è sempre meglio caricarla prima di tutte le altre librerie js che ne fanno uso.

Cordiali saluti.

ho risolto eliminando il doppio carimento di jquery

Grazie mille