par
djtec » 12 avr. 2010, 01:12
Bonsoir,
Voilà ça fait au moins 2h que je m'énerve à supprimer une div mais rien ne fonctionne.
Voici mon script:
Code : Tout sélectionner
$("div.pop ul li a").click(function() {
if(!$(this).hasClass("selected")) {
$(this).addClass("selected");
$(this).append('<div id="delete"></div>');
Config.option.action = true;
}
});
$("div.pop ul li a.selected div").live('click', function() {
$(this).parent().removeClass("selected");
$(this).parent().not($("#delete")[0]);
Config.option.action = true;
});
Et voici le html:
<div class="pop">
<ul>
<li><a href="#">lien 1</a></li>
<li><a href="#">lien 2</a></li>
<li><a href="#" class="selected">lien 3 <div></div></a></li>
<li><a href="#">lien 4</a></li>
</ul>
</div>
Donc quand je clique sur le lien la class s'ajoute bien et quand je clique sur la div la class se supprime bien.
Par contre la div reste et donc si je reclique sur un lien qui était sélectionné avant deux div apparaisse et là problème vu que met div affiche une croix de suppression et ben je me retrouve avec deux croix au lieu d'une.
J'ai essayé plusieurs chose comme:
Ou:
etc.....
Tout ce que j'essaye ne fonctionne pas donc est-ce que vous savez comment faire?
Merci d'avance...
++
Bonsoir,
Voilà ça fait au moins 2h que je m'énerve à supprimer une div mais rien ne fonctionne.
Voici mon script:
[code] $("div.pop ul li a").click(function() {
if(!$(this).hasClass("selected")) {
$(this).addClass("selected");
$(this).append('<div id="delete"></div>');
Config.option.action = true;
}
});
$("div.pop ul li a.selected div").live('click', function() {
$(this).parent().removeClass("selected");
$(this).parent().not($("#delete")[0]);
Config.option.action = true;
});[/code]
Et voici le html:
[html]<div class="pop">
<ul>
<li><a href="#">lien 1</a></li>
<li><a href="#">lien 2</a></li>
<li><a href="#" class="selected">lien 3 <div></div></a></li>
<li><a href="#">lien 4</a></li>
</ul>
</div>[/html]
Donc quand je clique sur le lien la class s'ajoute bien et quand je clique sur la div la class se supprime bien.
Par contre la div reste et donc si je reclique sur un lien qui était sélectionné avant deux div apparaisse et là problème vu que met div affiche une croix de suppression et ben je me retrouve avec deux croix au lieu d'une.
J'ai essayé plusieurs chose comme:
[code]$("div.pop ul li a").not($("div.pop ul li a div"));[/code]
Ou:
[code]$(this).parent().remove('<div></div>');[/code]
etc.....
Tout ce que j'essaye ne fonctionne pas donc est-ce que vous savez comment faire?
Merci d'avance...
++
