Problema jQuery y AJAX
Publicado por Joaquin2102 (1 intervención) el 12/11/2014 23:35:04
Buenas a todos.
Ante todo dar las gracias por la atencion.
Verán, mi problema es que mediante jQuery capturo el evento de un "click" en la seccion "CATEGORIAS", y a partir de ahi me saca, mediante AJAX y servlets, las "SUBCATEGORIAS".
El problema viene a la hora de capturar el evento de esas subcategorias.
Y aqui esta el problema, cuando ya obtengo las subcategorias mediante el evento en las categorias... Ahora quiero hacer click en algun "LI" , capturando el evento $(".proSubCat").click(function() { , y no me lo coge. No hace nada, como si no existiese.
He probado a meter el metodo dentro del $(document) ready. A dejarlo fuera y a hacer las llamadas a las funciones dentro del $(document)... Y no se que mas puedo hacer.
Espero vuestra ayuda.
Gracias
Ante todo dar las gracias por la atencion.
Verán, mi problema es que mediante jQuery capturo el evento de un "click" en la seccion "CATEGORIAS", y a partir de ahi me saca, mediante AJAX y servlets, las "SUBCATEGORIAS".
El problema viene a la hora de capturar el evento de esas subcategorias.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
function busquedaSubCategorias() {
$('.familia').click(function() {
var familia = $(this).find('input:hidden').val();
$('#contendorSubcategorias').children().remove();
$.ajax({
url: './consultaSubcategoria',
data: {categoria: familia},
dataType: 'json',
type: 'POST',
success: function(respuesta) {
$.each(respuesta, function(key, value) {
var salida = '<li class="proSubCat"><a><img src="images/subCategorias/' + value.imagen + '"></img></a><input type="hidden" value="' + value.codigo_pk + '"/></li>'
$('#contendorSubcategorias').append(salida);
});
},
****************************************************
Vease que le añado la clase al li.****************************************
function annadirProductoTicket() {
$(".proSubCat").click(function() {
alert($(this));
var valor = $(this).find('input:hidden').val();
$.ajax({
url: './addProTicket',
data: {producto: valor},
dataType: 'json',
type: 'POST',
success: function(respuesta) {
$.each(respuesta, function(key, value) {
var salida = '<tr class="resultados"><td class="filas">'
+ '<input type="text" size="3" value="1"/>'
+ '</td><td class="filas descripcion">' + value.nombre + '</td>'
+ '<td class="filas"><input type="text" size="8" value="' + value.precio + '"/></td><td class="filas">'
+ '<input type="label" size="8" value="' + (value.precio) * 2 + '/></td></tr>';
$('#insertar').append(salida);
});
},
**************************
Y aqui esta el problema, cuando ya obtengo las subcategorias mediante el evento en las categorias... Ahora quiero hacer click en algun "LI" , capturando el evento $(".proSubCat").click(function() { , y no me lo coge. No hace nada, como si no existiese.
He probado a meter el metodo dentro del $(document) ready. A dejarlo fuera y a hacer las llamadas a las funciones dentro del $(document)... Y no se que mas puedo hacer.
Espero vuestra ayuda.
Gracias
Valora esta pregunta
0
