Cambia l'attributo HTML personalizzato con jQuery - jquery, facebook, html5, html

E se avessi qualcosa del genere

<div class="fb-like-box" data-href="" data-width="292" data-show-faces="true" data-stream="true" data-header="false" colorscheme="light"></div>

e volevo usare jQuery per cambiare l'attributo "colorscheme" in colorscheme = "dark" e cambiare "data-header" in data-header = "false" e così via.

Questi cambiamenti dovrebbero avvenire quando si fa clic susu un pulsante o un'immagine o qualche altro tipo di azione ... Posso ottenere la parte dell'azione in basso proprio come chiamerei il cambiamento per quelle variabili specifiche se lo desideri.

Ho anche bisogno di aiuto per cambiare tutti gli altri come data-href, data-width e data-show-faces

Grazie enormi in anticipo!

risposte:

Innanzitutto, dovresti scrivere l'evento click sul pulsante o sull'immagine come

$("#buttonID").click(function(){
$(".fb-like-box").attr({ "data-href": "#", "colorscheme":"dark", "data-value": "I was updated" });
});

L'attributo div verrà aggiornato solo quando si fa clic sul pulsante selezionato.

Puoi modificare qualsiasi attributo usando Metodo jquery .attr ().

Se riscontri problemi con il simbolo meno nel nome dell'attributo, puoi scappare con "". Come questo:

$("#SomeId").attr({ "data-href": "javascript:void(0)", "data-value": "oh hi there!" });