Why Checkbox did not work the function in the mobile device, hybrid jquery application?
Currently I generate some checkbox dynamically, but the detail I have is that when doing tests on the computer on those checkbox, without any problem execute the function when selecting the checkbox, but the problem happens when I generate the apk and execute it on the cell phone, the cell phone does not execute the function but it does check the checkbox:
In this way, I dynamically generate the checkboxes with their information.
$('<tr class="cupones"/>')
.append($('<td/>').addClass('nuevo-td td-cuponera-costarica')
.append($('<label/>').addClass('label-checkbox item-content').text(response.data[i].Nombre)))
.append($('<td/>').addClass('label-cell nuevo-td').append($('<p class="td-parrafor-cupcostarica"/>').text(tipoCupon))
.append($('<p class="td-parrafor-cupcostarica"/>').text("Descuento: " + response.data[i].Descuento)))
.append('<div class="cod_cupon" style="display:none">' + response.data[i].Identificador + '</div>')
.append('<div class="descuento_cupon" style="display:none">' + response.data[i].Descuento + '</div>')
.append('<div class="tipo_cupon" style="display:none">' + response.data[i].Tipo_cupon + '</div>')
.append('<div class="sub_tipo" style="display:none">' + response.data[i].Sub_Tipo + '</div>')
.append('<div class="vencimiento" style="display:none">' + response.data[i].Fecha_vence + '</div>')
.append($('<td/>').addClass('label-cell nuevo-td')
.append($('<label/>').addClass('label-checkbox item-content')
.append('<input type="checkbox" name="cupon_check" class="cupon_check" value="' + response.data[i].Identificador + '"/>')
.append($('<span/>').addClass('item-media').append('<i class="icon icon-form-checkbox"></i>'))))
.appendTo(cupones_bienvenida);
$('.cupones_bienvenida').on('click', '.cupon_check', function(e)
console.log("Funcion ejecutada");
);
Thank you very much in advance.
jquery
add a comment |
Currently I generate some checkbox dynamically, but the detail I have is that when doing tests on the computer on those checkbox, without any problem execute the function when selecting the checkbox, but the problem happens when I generate the apk and execute it on the cell phone, the cell phone does not execute the function but it does check the checkbox:
In this way, I dynamically generate the checkboxes with their information.
$('<tr class="cupones"/>')
.append($('<td/>').addClass('nuevo-td td-cuponera-costarica')
.append($('<label/>').addClass('label-checkbox item-content').text(response.data[i].Nombre)))
.append($('<td/>').addClass('label-cell nuevo-td').append($('<p class="td-parrafor-cupcostarica"/>').text(tipoCupon))
.append($('<p class="td-parrafor-cupcostarica"/>').text("Descuento: " + response.data[i].Descuento)))
.append('<div class="cod_cupon" style="display:none">' + response.data[i].Identificador + '</div>')
.append('<div class="descuento_cupon" style="display:none">' + response.data[i].Descuento + '</div>')
.append('<div class="tipo_cupon" style="display:none">' + response.data[i].Tipo_cupon + '</div>')
.append('<div class="sub_tipo" style="display:none">' + response.data[i].Sub_Tipo + '</div>')
.append('<div class="vencimiento" style="display:none">' + response.data[i].Fecha_vence + '</div>')
.append($('<td/>').addClass('label-cell nuevo-td')
.append($('<label/>').addClass('label-checkbox item-content')
.append('<input type="checkbox" name="cupon_check" class="cupon_check" value="' + response.data[i].Identificador + '"/>')
.append($('<span/>').addClass('item-media').append('<i class="icon icon-form-checkbox"></i>'))))
.appendTo(cupones_bienvenida);
$('.cupones_bienvenida').on('click', '.cupon_check', function(e)
console.log("Funcion ejecutada");
);
Thank you very much in advance.
jquery
Have you tried using thechange
event instead?
– Taplar
Nov 12 '18 at 23:38
add a comment |
Currently I generate some checkbox dynamically, but the detail I have is that when doing tests on the computer on those checkbox, without any problem execute the function when selecting the checkbox, but the problem happens when I generate the apk and execute it on the cell phone, the cell phone does not execute the function but it does check the checkbox:
In this way, I dynamically generate the checkboxes with their information.
$('<tr class="cupones"/>')
.append($('<td/>').addClass('nuevo-td td-cuponera-costarica')
.append($('<label/>').addClass('label-checkbox item-content').text(response.data[i].Nombre)))
.append($('<td/>').addClass('label-cell nuevo-td').append($('<p class="td-parrafor-cupcostarica"/>').text(tipoCupon))
.append($('<p class="td-parrafor-cupcostarica"/>').text("Descuento: " + response.data[i].Descuento)))
.append('<div class="cod_cupon" style="display:none">' + response.data[i].Identificador + '</div>')
.append('<div class="descuento_cupon" style="display:none">' + response.data[i].Descuento + '</div>')
.append('<div class="tipo_cupon" style="display:none">' + response.data[i].Tipo_cupon + '</div>')
.append('<div class="sub_tipo" style="display:none">' + response.data[i].Sub_Tipo + '</div>')
.append('<div class="vencimiento" style="display:none">' + response.data[i].Fecha_vence + '</div>')
.append($('<td/>').addClass('label-cell nuevo-td')
.append($('<label/>').addClass('label-checkbox item-content')
.append('<input type="checkbox" name="cupon_check" class="cupon_check" value="' + response.data[i].Identificador + '"/>')
.append($('<span/>').addClass('item-media').append('<i class="icon icon-form-checkbox"></i>'))))
.appendTo(cupones_bienvenida);
$('.cupones_bienvenida').on('click', '.cupon_check', function(e)
console.log("Funcion ejecutada");
);
Thank you very much in advance.
jquery
Currently I generate some checkbox dynamically, but the detail I have is that when doing tests on the computer on those checkbox, without any problem execute the function when selecting the checkbox, but the problem happens when I generate the apk and execute it on the cell phone, the cell phone does not execute the function but it does check the checkbox:
In this way, I dynamically generate the checkboxes with their information.
$('<tr class="cupones"/>')
.append($('<td/>').addClass('nuevo-td td-cuponera-costarica')
.append($('<label/>').addClass('label-checkbox item-content').text(response.data[i].Nombre)))
.append($('<td/>').addClass('label-cell nuevo-td').append($('<p class="td-parrafor-cupcostarica"/>').text(tipoCupon))
.append($('<p class="td-parrafor-cupcostarica"/>').text("Descuento: " + response.data[i].Descuento)))
.append('<div class="cod_cupon" style="display:none">' + response.data[i].Identificador + '</div>')
.append('<div class="descuento_cupon" style="display:none">' + response.data[i].Descuento + '</div>')
.append('<div class="tipo_cupon" style="display:none">' + response.data[i].Tipo_cupon + '</div>')
.append('<div class="sub_tipo" style="display:none">' + response.data[i].Sub_Tipo + '</div>')
.append('<div class="vencimiento" style="display:none">' + response.data[i].Fecha_vence + '</div>')
.append($('<td/>').addClass('label-cell nuevo-td')
.append($('<label/>').addClass('label-checkbox item-content')
.append('<input type="checkbox" name="cupon_check" class="cupon_check" value="' + response.data[i].Identificador + '"/>')
.append($('<span/>').addClass('item-media').append('<i class="icon icon-form-checkbox"></i>'))))
.appendTo(cupones_bienvenida);
$('.cupones_bienvenida').on('click', '.cupon_check', function(e)
console.log("Funcion ejecutada");
);
Thank you very much in advance.
jquery
jquery
edited Nov 12 '18 at 22:55
DaFois
2,02341419
2,02341419
asked Nov 12 '18 at 22:50
JG_GJJG_GJ
1328
1328
Have you tried using thechange
event instead?
– Taplar
Nov 12 '18 at 23:38
add a comment |
Have you tried using thechange
event instead?
– Taplar
Nov 12 '18 at 23:38
Have you tried using the
change
event instead?– Taplar
Nov 12 '18 at 23:38
Have you tried using the
change
event instead?– Taplar
Nov 12 '18 at 23:38
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53271235%2fwhy-checkbox-did-not-work-the-function-in-the-mobile-device-hybrid-jquery-appli%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53271235%2fwhy-checkbox-did-not-work-the-function-in-the-mobile-device-hybrid-jquery-appli%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Have you tried using the
change
event instead?– Taplar
Nov 12 '18 at 23:38