replaceWiths multiples dans jQuery?
-
29-09-2019 - |
Question
Pourquoi pas ce travail? Quelle serait une solution plausible pour obtenir cet effet?
$(document).ready(function() {
$('#myLink1').click(
function() {
$('#myLink1').replaceWith('<a id="myLink2" href="#panel2">#panel2</a>');
});
$('#myLink2').click(
function() {
$('#myLink2').replaceWith('<a id="myLink3" href="#panel3">#panel3</a>');
});
});
Je suis nouveau à des boucles et comment je suis censé ajouter des chaînes et des variables.
$(document).ready(function() {
var panelNum = 8;
for (i=1;i<=panelNum;i++){
$('#myLink'+i).click(function() {
$('#myLink'+i).replaceWith('<a id="myLink'+(i+1)+'" href="#panel'+(i+1)+'">#panel'+(i+1)+'</a>');
});
};
});
La solution
Le problème est myLink2
n'existe pas jusqu'à ce que mylink
est cliqué. Vous devez ajouter le gestionnaire de mylink2
après sa création. Procédez comme suit:
function add_replace_with(i){
$('#myLink'+i).click(
function() {
do_replace_with(i)
return false;
});
}
function do_replace_with(i){
$('#myLink'+i).replaceWith('<a id="myLink'+(i+1)+'" href="#panel'+(i+1)+'">#panel'+(i+1)+'</a>');
$('#myLink'+(i+1)).click(
function() {
do_replace_with(i+1)
});
}
$(document).ready(function() {
add_replace_with(1);
});
Je dois noter, que vous pourriez être mieux de coder en dur les liens et en utilisant simplement .show()
pour les activer.
Autres conseils
Vous pouvez également:
$(function() {
$('body')
.delegate('#myLink1', 'click', function() {
$(this).replaceWith('<a id="myLink2" href="#panel2">#panel2</a>');
})
.delegate('#myLink2', 'click', function() {
$(this).replaceWith('<a id="myLin32" href="#panel3">#panel2</a>');
})
;
});
Pour généraliser cela pour tout un tas de tel lien, avec convention de dénomination similaire:
$(function() {
for (var link = 1; link < 8; ++link)
(function(link) {
$('body').delegate('#myLink' + link, 'click', function() {
var nxt = link + 1;
$(this).replaceWith('<a id="#myLink' + nxt + '" href="#panel' + nxt + '">panel ' + nxt + '</a>');
});
})(link);
});
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow