Problema para pegar valor do ID

[tomelin 1]

Olá pessoal,

 

Tenho uma tabela, onde um dos td é um "link" para um gráfico, porém todas as linhas tem o mesmo ID porém o valor diferente, exemplo:

 

<td id="grafico" valorgrafico="{ID}">

 

Até aí tudo tranquilo, o problema que o JS só está está aceitando o clique na primeira linha, as demais linhas não funcionam, o que pode ser?

 

Segue o JS que estou testando:

$('#grafico').click(function(){
    alert('TESTE');
    alert($(this).attr('valorgrafico'));
})

E sempre retorna o valor da primeira linha.

[William Bruno 1501]

Vc não pode duplicar ID. Troque por classes.

 

$('.grafico').click(function(){

[tomelin 1]

Agora está me aparecendo o seguinte erro na console do firebug:

 

Empty string passed to getElementById().

 

 

Sabe o que pode ser, esse erro aparece cada vez que clico em um dos td, e não me retorna nada.

 

Lembrando que essa página está sendo carregada via ajax.

[William Bruno 1501]

Depende cara, como é o resto do código ?

 

Onde tem getElementById() ? no código q vc postou não tem isso.

[tomelin 1]

Bom acho que esse problema está relacionado com ele não conseguir carregar o script eu acho, pois se coloco o seguinte na console do browser funciona.

 

Segue o código que estou colocando no browser:

 

$('#SelectFiltrar').click(function(){

alert('teste 1223');

})

Esse código na verdade irá pegar os valores de cada item clicado.

[William Bruno 1501]

troque:

 

$('.grafico').click(function(){

por

$('body').on('click', '.grafico', function(){

isso vai resolver o problema de estar vindo via ajax.

[tomelin 1]

Perfeito, funcionou....

 

 

VLW!!!

[tomelin 1]

Willian,

 

Pode me tirar um última duvida, no meu ajax como posso atualizar uma div utilizando a função ' $('body').on ....'

 

Segue a sequência:

- Carrega a página;

- selecione o menu;

- Carrega os dados e eu seleciono o item;

- e após selecionar o item, tem que atualizar uma div que foi carregada após clicar no menu.

 

 

 

Esse é o meu código:

$('body').on('click', '#SelectFiltrar', function(){
var zbxgrupo = '';
zbxgrupo = $('#ZBXgrupo li.selected a').attr('zbx-group');
var zbxstatus = '';
zbxstatus = $('#ZBXstatus li.selected a').attr('zbx-status');
var zbxagente = '';
zbxagente = $('#ZBXagente li.selected a').attr('zbx-agente');
 
if ((typeof zbxgrupo != 'undefined' && zbxgrupo) || (typeof zbxstatus != 'undefined' && zbxstatus) || (typeof zbxagente != 'undefined' && zbxagente)){
$.ajax({
url: "php/ajax_view.php",
data: {tipo: 'SelectListHosts', Group: zbxgrupo, Agent: zbxstatus, Status: zbxagente},
type:'post',
success: function(data){
alert(data);
$('#Listahosts').css("display", "none"); 
$('#main').html(data);    
}
})
}
})

Como posso fazer?