asseganre data-attribute con jquery

[Lorenzo Pianigiani]

Ciao a tutti,

premetto che sono davvero alle prime armi, perciò scusate la domanda forse banale, ma ho letto un sacco di post, guide, tutorial e ancora non sono riuscito a capire dove sbaglio.

il mio problema è riuscire ad assegnare agli elementi 'a' di un menù il data-attribute 'data-scroll' per richiamare una funzione di smooth scolling.


la struttura del menù è questa (il sito è costruito con joomla):

<nav id="secondario" class="navigation navbar navbar-default pull-right" role="navigation">
<ul class="nav menu">
<li class="item-125">
<a href="#firstsection">&gt;</a>
</li>
<li class="item-118">
<a href="#secondsection">qualità</a>
</li>
<li class="item-119">
<a href="#thirdsection">materiali</a>
</li>
<li class="item-124">
<a href="#fourthsection">gallery</a>
</li>
</ul>
</nav>

sicuramente sarà una cosa semplicissima, ho provato in mille modi a selezionare gli elementi e ad assegnargli l'attributo ma non ottengo mai niente..

ho provato dei costrutti tipo questo:

<script>
$(document).ready(function() {
$("#secondario > a").attr("data-scroll");
});
</script>

qualcuno può aiutarmi a capire??

grazie mille

 

[Altutto]

Ciao,
Sembrerebbe che tu stia utilizzando .attr() con un solo argomento: questo, per citare direttamente la documentazione ufficiale di jquery, "ottiene il valore di un attributo per il primo elemento di quelli che corrispondono [alla selezione]".
Per assegnare un attributo, è invece necessario introdurre un secondo argomento corrispondente al valore dell'attributo che vuoi modificare:

<script>
$(document).ready(function() {
	$("#secondario > a").attr("data-scroll","ValoreDaAssegnare");
});
</script>