JQuery Aggiungi HTML e eventi
-
06-09-2019 - |
Domanda
Al momento ho il seguente in jQuery 1.3.2
for (i = 0; i < totalPages; i++) {
var newDiv = $("<a href=\"#\">").append(i+1).click(function()
{
alert(i+1);
});
$('#pageLinks').append(newDiv).append(" ");
}
Questo genera una lista di numeri, come richiesto, ma l'allarme quando si fa clic l'elemento generato sta tornando il valore TotalPages, non il valore dei durante il ciclo. Come faccio a ottenere l'evento click per avvisare il valore di i, invece?
Grazie
Soluzione
Prova questo
for (i = 0; i < totalPages; i++) {
var newDiv = $("<a href=\"#\">").append(i+1).click(function()
{
alert(this.text);
});
$('#pageLinks').append(newDiv).append(" ");
}
Altri suggerimenti
Questo codice dovrebbe risolvere il vostro problema fuori:
for (i = 0; i < totalPages; i++) {
var newDiv = $("<a href=\"#\">")
.append(i+1)
.click(
function() {
alert($(this).html());
}
);
$('#pageLinks').append(newDiv).append(" ");
}
Se, per esempio, non hai avuto il testo del numero come parte del collegamento, mi piace di codificare i valori di questo tipo nel id, che darebbe in questo modo:
<body>
<div id="pageLinks"><!-- --></div>
<script>
var totalPages = 10, newDiv;
for (i = 0; i < totalPages; i++) {
var link = "<a href=\"#\" id=\"link-"+(i+1)+"\">"+(i+1)+"</a>";
newDiv = $(link).click(function() {
alert($(this).attr('id').split('-')[1]);
});
$('#pageLinks').append(newDiv).append(' ');
}
</script>
</body>
Questo è un problema correlato ambito. È necessario formare una chiusura attorno alle dichiarazioni nel ciclo for usando, quello che io chiamo una guardia ambito. Qualcosa di simile a questo:
var totalPages = 10;
for (i = 0; i < totalPages; i++) {
(function() {
var no = i + 1;
var newDiv = $("<a href=\"#\">").append(i+1).click(function() {
alert(no);
});
$('#pageLinks').append(newDiv).append(" ");
})();