Visualizzazione risultati 1 fino 18 di 18

Discussione: jQuery va in conflitto

  1. #1
    albenessereblog non  connesso Utente AlterBlog
    Data registrazione
    04-10-2016
    Messaggi
    124

    Predefinito jQuery va in conflitto

    Questo codice crea conflitto con un altro, ho provato a spostarlo ma uguale. Non c' un modo per trasformarlo magari in JS in modo che non crei conflitto?

    Codice HTML:
     // Fa saltare lentamente in basso sino alla fine degli articoli 
    jQuery(document).ready(function($) {
      $("a").on('click', function(event) 
      {
        if (this.hash !== "") {
          event.preventDefault();
          var hash = this.hash;
          $('html, body').animate(
          {
            scrollTop: $(hash).offset().top
          }, 1000, function() {
            window.location.hash = hash;
          });
        } 
      });
    });

  2. #2
    L'avatar di alemoppo
    alemoppo  connesso ora Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    7,877

    Predefinito

    Prova aggiungendo all'inizio dello script questa riga:
    Codice:
    jQuery.noConflict();
    Quindi:
    Codice:
    jQuery.noConflict();
    jQuery(document).ready(function($) {
      $("a").on('click', function(event) 
    ....
    (fonte)

    Ciao!

  3. #3
    albenessereblog non  connesso Utente AlterBlog
    Data registrazione
    04-10-2016
    Messaggi
    124

    Predefinito

    Non va

  4. #4
    L'avatar di alemoppo
    alemoppo  connesso ora Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    7,877

    Predefinito

    Citazione Originalmente inviato da albenessereblog Visualizza messaggio
    Non c' un modo per trasformarlo magari in JS in modo che non crei conflitto?
    S ma non banale. La cosa migliore far funzionare in jQuery: andrebbe usata la scrollBy conoscendo di quanti pixel scorrere, e renderlo "lento" tramite la setInterval()

    Puoi linkarmi la pagina?

    Ciao!
    Ultima modifica di alemoppo : 05-12-2017 alle ore 19.37.01

  5. #5
    albenessereblog non  connesso Utente AlterBlog
    Data registrazione
    04-10-2016
    Messaggi
    124

    Predefinito

    Questa cosa mi serve solo con il men toggle. quello a tendina quando si usa l'phone.

    http://albenessereblog.altervista.org

  6. #6
    albenessereblog non  connesso Utente AlterBlog
    Data registrazione
    04-10-2016
    Messaggi
    124

    Predefinito

    L'hai vista la pagina? Verso il basso scatta gi invece di scrollare lentamente come quando si clicca Torna su.

  7. #7
    L'avatar di alemoppo
    alemoppo  connesso ora Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    7,877

    Predefinito

    Scusami, dove sarebbe il link in questione?

    Comunque nel tuo codice vedo:
    Codice:
    <a href="http://a%20href=#salta2/a"><a class="salta" href="#salta2">↓ Salta gli articoli</a></a>
    Dovresti usare un unico <a>, inoltre non capisco bene il primo href.

    Ciao!

  8. #8
    albenessereblog non  connesso Utente AlterBlog
    Data registrazione
    04-10-2016
    Messaggi
    124

  9. #9
    L'avatar di alemoppo
    alemoppo  connesso ora Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    7,877

    Predefinito

    Quello il link al tuo sito. Ho anche evidenziato una parte di codice che non mi torna.

    Per il tuo codice che ha problemi intercetta i link con delle ancore che portano, secondo il commento, in basso a fondo negli articoli. Io non trovo questo link.

    Ciao!

  10. #10
    albenessereblog non  connesso Utente AlterBlog
    Data registrazione
    04-10-2016
    Messaggi
    124

    Predefinito

    "Quello il link al tuo sito. Ho anche evidenziato una parte di codice che non mi torna."
    Questa parte l'ho corretta.

    Per trovare il link devi usare un device o restringere la finestra fino a quando nella barra del men appare il men a tendina e li troverai Salta gli articoli

  11. #11
    L'avatar di alemoppo
    alemoppo  connesso ora Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    7,877

    Predefinito

    Citazione Originalmente inviato da albenessereblog Visualizza messaggio
    Per trovare il link devi usare un device o restringere la finestra fino a quando nella barra del men appare il men a tendina e li troverai Salta gli articoli
    Ah ecco ora ho capito grazie.

    Per non mi torna questo codice:
    Codice:
    $("a").on('click', '#salta2', function(event)
    #salta2 il div dove scrolla, non l'oggetto da cliccare. Come mai lo hai messo l?

    Trasformandolo in:
    Codice:
    $("a").on('click', function(event)
    A me sembra funzionare, per dovresti effettivamente provare sul tuo sito.

    Ciao!
    Ultima modifica di alemoppo : 08-12-2017 alle ore 16.50.24

  12. #12
    albenessereblog non  connesso Utente AlterBlog
    Data registrazione
    04-10-2016
    Messaggi
    124

    Predefinito

    Trasformandolo come dici tu, funziona. Il problema sta nel fatto che poi non funziona un plugin, perch va in conflitto. E' per questo che io vorrei trasformare questo codice in js in modo che non vada in conflitto con il codice che c' nel plugin.

    Se invece metto cos funziona il plugin ma non lo scroll.

    Codice HTML:
    $("a").on('click', '#salta2', function(event)
    Ultima modifica di albenessereblog : 08-12-2017 alle ore 19.20.47

  13. #13
    L'avatar di alemoppo
    alemoppo  connesso ora Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    7,877

    Predefinito

    Purtroppo emulare "animate" in quel modo non banale. Dovresti usare le funzioni che ti ho indicato sopra, ma una cosa che richiede lavoro e molto tempo se non si esperti in javascript.

    Oppure potresti cercare qualche altra libreria che lo fa, oltre a jquery.

    Ciao!

  14. #14
    albenessereblog non  connesso Utente AlterBlog
    Data registrazione
    04-10-2016
    Messaggi
    124

    Predefinito

    La cosa che non capisco che il jquery "Torna su" funziona e non crea conflitto con il plugin.

    Questo il codice "Torna su"

    Codice HTML:
    //Fa salire lentamente fino sopra la pagina
    jQuery(document).ready(function($)
    {
        function ScorriPaginaSopra(Posizione, Velocita)
        {
            $("html,body").animate({scrollTop: Posizione}, Velocita, function(){});
            return false;
        }
        $(".torna-su").click(function()
        {
        //Lo scroll avverr per 0 pixel (e cio posizione da raggiungere) ad una velocit di 1 secondo
            ScorriPaginaSopra(0, 1000);
        });
     });

  15. #15
    L'avatar di alemoppo
    alemoppo  connesso ora Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    7,877

    Predefinito

    Infatti, non saprei dirti: strano.

    Prova a "unire" i due script in un'unico
    Codice:
    jQuery(document).ready(function($)
    Ovvero inserisci lo script per lo scorrimento gi all'interno del'altro funzionante, anche se non credo sia una soluzione.

    Ciao!

  16. #16
    albenessereblog non  connesso Utente AlterBlog
    Data registrazione
    04-10-2016
    Messaggi
    124

    Predefinito

    Non va. Oppure modificare l'altro funzionante in modo che fa scrollare gi.

  17. #17
    L'avatar di alemoppo
    alemoppo  connesso ora Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    7,877

    Predefinito

    Il problema appunto che non sai di quanti pixel devi scrollare.
    Dovrei dar un'occhiata alla documentazione jquery ma sicuramente c' modo di vedere lo scroll attuale. Poi la distanza di destinazione in termini di pixel credo sia costante, quindi puoi far scrollare di (pixel_destinazione - <scroll attuale>). Per una soluzione poco bella: se la pagina si allunga devi modificare quel valore!

    Ciao!
    Ultima modifica di alemoppo : 08-12-2017 alle ore 20.37.27

  18. #18
    albenessereblog non  connesso Utente AlterBlog
    Data registrazione
    04-10-2016
    Messaggi
    124

    Predefinito

    Ho risolto, era un problema nel pannello admin di WordPress.

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •