problemas con $("").html() + jquery

[iviamontes]

hola a todos, aca pasa algo extraño con jquery, mira este codigo
todo funciona bien, excepto para parte
$("#side_bar").html(side_bar_html);
que no me agrega nada al div de id=side_bar,
sin embargo el alert(side_bar_html) si me muestra el contenido de side_bar_html

alguna idea, el firebug me dice ReferenceError: side_bar_html is not defined
http://localhost/xml/todo.php
Line 0

pero como entonces el alert si lo muestra ????
como debería hacer entonces ????

uso jquery 1.4.4


var side_bar_html = "";
var gmarkers = [];
var lastlinkid;

$.ajax({
type: "GET",
url: "todos.xml",
dataType: "xml",
error: function(){
alert('Error loading XML document');
},
success: function(xml) {
$(xml).find('inmueble').each(function(){
var id = $(this).attr('id');
var lat = $(this).attr('lat');
var lng = $(this).attr('lng');
var html = id +"<br />";
html+= $(this).attr('dir')+"<br />";
var point = new GLatLng(lat,lng);
var marker = createMarker(point, html)
map.addOverlay(marker);
});
alert(side_bar_html);
$("#side_bar").html(side_bar_html);
}
});


function createMarker(point,html) {
var marker = new GMarker(point);
var linkid = "link"+(gmarkers.length);
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(html);
lastlinkid=linkid;
});
gmarkers.push(marker);
side_bar_html += '<a href="javascript:myclick(' + (gmarkers.length-1) + ')">' + name + '<\/a><br>';
return marker;
}

function myclick(i) {
GEvent.trigger(gmarkers[i], "click");
}

[caricatos]

Tema movido desde javascript

[iviamontes]

alguna idea ?

[TragedyCL]

Intenta lo siguiente, reemplaza la linea:

$("#side_bar").html(side_bar_html);

Por

$("#side_bar").html('Texto de prueba');

Si ne muestra el texto en el DIV con ID Side_bar significa que probablemente ese ID lo tienes definido mas de una vez.

La forma de solucionarlo es:
1.- Cambiar el nombre
2.- Al div darle class="side_bar" y reemplazar la linea del html por: $(".side_bar").html(side_bar_html);

Cuéntame como te va, saludos.

[iviamontes]

bueno ya lo resolví, lo que hice fue que dentro de la funcion createMarker
puse esto

side_bar_html +='<a href="#" id="'+(gmarkers.length-1)+'" class="marker" >' + name+ '</a><br/>';
$("#side_bar").html(side_bar_html);

$(".marker").click(function(){
var id = $(this).attr('id');
GEvent.trigger(gmarkers[id], "click");
//alert(id);
});
y con eso ya anda, parece ser que llamaba primera a la funcion sin aun haberse creado los enlaces o algo asi..


gracias por tu ayuda.