Visualizzazione risultati 1 fino 18 di 18

Discussione: jQuery va in conflitto

  1. #1
    Guest

    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 non è connesso Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    22,067

    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
    Guest

    Predefinito

    Non va

  4. #4
    L'avatar di alemoppo
    alemoppo non è connesso Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    22,067

    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
    Guest

    Predefinito

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

    http://albenessereblog.altervista.org

  6. #6
    Guest

    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 non è connesso Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    22,067

    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
    Guest

  9. #9
    L'avatar di alemoppo
    alemoppo non è connesso Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    22,067

    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
    Guest

    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 non è connesso Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    22,067

    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
    Guest

    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 non è connesso Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    22,067

    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
    Guest

    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 non è connesso Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    22,067

    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
    Guest

    Predefinito

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

  17. #17
    L'avatar di alemoppo
    alemoppo non è connesso Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    22,067

    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
    Guest

    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
  •