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;
      });
    }
  });
});

---

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!

Non va

Citazione:

---

Originalmente inviato da albenessereblog

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!

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

http://albenessereblog.altervista.org

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

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!

Qui http://forum.it.altervista.org/javas...ml#post1364120

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!

"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

Citazione:

---

Originalmente inviato da albenessereblog

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!

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)

---

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!

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);
    });
 });

---

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!

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

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!

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