Response title
This is preview!
live (change) works but not live( click )
in jQuery Mobile
•
11 years ago
Hi,
As on the learning curve, finding difficult to presume the reason when recommended live(click ) fails to work but live(change) would work, this happens to be my case..
please guide what i m doing wrong which is making click event not getting fired...
// js
- $(document).ready(function() {
- $("input[name='usractsuschkbox']").live('change', function() { // replacing change to click fails
- var n = $("input[name^='usractsus']:checked").length;
- if ( parseInt(n) == 1) {
- singleuserselect(); // say $("div#hidenseek").css("color","amber");
- }
- else if ( parseInt(n) > 1) { // say $("div#hidenseek").css("color","green");
- groupuserselect();
- }
- else {
- nouserselect(); // say $("div#hidenseek").css("color","red");
- }
- })
- })
The checkbox is dynamically generated and within div container of li which holds it.
- $.each(data, function(i,val){
- listmarkupinput = '<li>' +
- '<div id="dvcontainer-'+i+'">' +
- '<input type="checkbox" name="usractsuschkbox" id="usractsuschkbox-'+i+'" class="custom" value="' +data[i].username +'"/> ' +
- '<label for="usractsuschkbox-' +i+'">' + data[i].username +' ( ' + data[i].lusername + ' )</label>' + '</div>' +
- '</li>';
- $('#mylist').append(listmarkupinput);
- $("#dvcontainer-"+i).trigger('create');
- $("#mylist").listview("refresh");
- $("#usractsuschkbox-"+i).checkboxradio("refresh"); // added while test click and change
- })
Should I code differently because these Checkboxes is embeded inside div > li ? pls advise.
Regards
Srikrish
"New To Development"
PS: Each query i put it reminds me to be thankful to the forum members on their support.
1
. The label class bound to the checkbox fired click event.