[jquery] Kasowanie DIV Opcje

[oomaster]

Witam,

Mam otóż kod który kolejno który pozwala dodawać nowe pozycje wraz z kasowaniem ich (chowaniem za pomocą hide) Z tym ,że nie działa. Błędów nie wywala. Cisza ?!

Czy ktoś może pomóc :-)

[JAVASCRIPT] pobierz, plaintext 
$("#sort").change(function(event){
            //alert("Click event on Select has occurred!");
            $("option:selected", $(this)).each(function(){
                var obj = document.getElementById('sort').value;
				var dataString = 'id='+obj;
					$('#box_cat').append('<div id="'+obj+'">');
					$.ajax({
					type     : "GET",
					url      : "app/category.php",
					dataType: "html", 
					data     : dataString,
					cache: false,
					success : function(zwrot) {
					$('#box_cat').append(zwrot);
					},
					complete : function(r) {
					$('#loading').hide();
					},
					error: function(err) {
					console.log(err)
					}
					});
					$('#box_cat').append('<a href="#" class="link_remove" id="'+obj+'">Usuń '+obj+'</a></div>');
 
					 var max_allowed = 2;
    var checked = $("#box_cat div").size();
    if ( checked > max_allowed ) {
        alert("Please select a maximum of " + max_allowed + " options.");
		$('#opener').hide();
    }
					$( "#dialog" ).dialog( "close" );
				});
			});
 
	$('a[class^=link_remove]').live('click', function() {
			var id = this.getAttribute('id');
			$('div[id='+id+']').hide();
    });
[JAVASCRIPT] pobierz, plaintext 

[tolomei]

Witaj.

Ciężko ocenić co jest nie tak, że Twój skrypt "nie działa".
W momencie, gdy podajesz kod jesteśmy w stanie tylko ocenić go pod względem składni.
Skoro jednak konsola nie wywala żadnych błędów to składnia musi być ok.

Podaj html do tego przykładu, ewentualnie utwórz przykład na http://jsfiddle.net

Zastosuj zwyczajne debugowanie kodu, wyświetl jedną zmienną za pomocą console.log(), uruchom skrypt. Jeśli wartość jest zgodna z oczekiwaną, wyświetl następną zmienną itd. Sprawdź czy firebug odnotowuje żądanie ajaxowe. Co ono zwraca? Zwyczajnie przetestuj ten kod.

Pozdrawiam.

[oomaster]

Wklejam kod html i zrobiłem tak jak mówiłeś ale firebug wywala mnóstwo parametrów i nic z grubsza nie widzę...

[HTML] pobierz, plaintext 
<div class="box_form width-620" id="box_cat">
<a href="#" id="opener">Wybierz kategorię</a><br/>
<div id="2"><a href="#" class="link_remove" id="2">Usuń 2</a></div>
[HTML] pobierz, plaintext 

W kodzie jak widać jeden div jest wstawiony niby z bazy ;-) I on się kasuje.

EDIT: Widzę gdzie jest błąd, otóz przy kasowaniu zwraca mi taki kod:

[HTML] pobierz, plaintext 
<div style="display: none;" id="8"></div><a href="#" class="link_remove" id="8">Usuń 8</a><b>Sklepy</b> /Motoryzacyjne</div>
[HTML] pobierz, plaintext 

Skąd ten div sam się zamyka ?

Ten post edytował oomaster 31.01.2013, 11:34:39

[!*!]

Powinienem dostawać bonusy za wklejanie tego linku.

[oomaster]

Działa bez pobierania danych z bazy. Ale chodzi przecież o kasowanie.

http://jsfiddle.net/oomaster/8EFCA/

[zegarek84]

bo dodajesz div'a do #box_cat bez treści i nie widzisz efektu, linka dodajesz nie do tego div'a dlatego Ci się nie chowa a chowa Ci się ten div bez treści... wskazuję tylko błąd logiczny z Twojej strony bo link chyba chciałeś dać do div'a?? wypełniłem tego div'a treścią żebyś widział gdzie błąd i dalej już może sobie poradzisz ;]
http://jsfiddle.net/8EFCA/3/

[oomaster]

Rozwiązanie:

[JAVASCRIPT] pobierz, plaintext 
...
 
success : function(zwrot) {
					$('#box_cat').append('<div id="'+obj+'">'+zwrot+'<a href="#" class="link_remove" id="'+obj+'">Usuń '+obj+'</a></div>');
					$('#load_cat').hide();
					console.log(zwrot)
					},
 
...
[JAVASCRIPT] pobierz, plaintext 

Poprostu skleiłem całego diva w odpowiedzi i dzięki temu działa. Nie wiem jak ale działa ;-)

[zegarek84]

Nie wiem jak ale działa ;-)

To zdanie sugeruje, jakbyś większość rzeczy robił trochę w ciemno tylko wg wskazówek manuala nie wiedząc za bardzo co się dzieje... akurat po stronie klienta dosyć istotny jest też sam HTML i pojęcie drzewo DOM, gdzie obiekty html'a są umieszczone hierarhicznie - jeśli ukryjesz/usuniesz jakiś obiekt nadrzędny to ukryjesz/usuniesz całą gałąź razem z obiektami znajdującymi się niżej...

sam link nie musiał u Ciebie być w tym div'ie, ale patrząc na przykład, myślałem, że tak chcesz zrobić... jeśli nie byłby on w tym div'ie to musiałbyś go ukrywać osobno...

w konsoli masz też zakładki do przeglądania elementów drzewa DOM, też bardzo przydatna rzecz - możesz sprawdzić właściwości obiektów oraz jak został wygenerowany HTML po wykonanych operacjach przez JS...