javascript - jQuery(Mobile): button not hiding -


i'm facing weird problem. here code:

<div id="status">         <div id="armstatus">             <div id="armtext">                 <fieldset data-role="controlgroup">                     <legend>unit</legend>                     <input type="checkbox" class="cb" name="armcb_1" id="armcb_1" class="custom" data-mini="true" />                     <label for="armcb_1">arming status</label>                     <p id="armingtext"></p>                 </fieldset>              </div>         </div>         <table class="config" id="status_table">             <thead>                 <tr>                     <th colspan="4"; style= "padding-bottom: 20px; color:#6666ff; text-align:left; font-size: 1.5em">feedback status</th>                 </tr>                 <tr>                     <th>index</th>                      <th>feedback type</th>                     <th>feedback number</th>                     <th>status</th>                     <th class="chide">monitor?</th>                     <th class="chide">remove?</th>                 </tr>             </thead>             <tbody>                  <tr>                  </tr>             </tbody>               </table>        <button type="button" id="monitor" class="chide" data-role="button" data-mini="true" data-transition="fade">monitor</button>      </div>

as show above, button monitor having same class .chide 2 table headers monitor? , 'remove?`. when called:

$(".chide").hide();

only monitor? , remove? column hidden monitor button still there. why so? what's wrong?

edit: seems it's working fine if standalone. suspect because of 

 $('#monitor').button('enable');

placed somewhere?

here's part of code hide , show .chide (which in document.ready)

 $('.done').click(function(){             $('#n_keypad').hide();             login_code = $('#myinput').val();              $.post( '/login' , {passcode:login_code.tostring()})                 .done(function(reply) {                     $("#login_div").hide();                     alert("you login " + reply);                     if (reply=="engineer"){                          $("#securitymode").show();                          $("#labels").show();                          $("#status").show();                          $("#display").show();                                                       $("#logoutbutton").show();                          $(".chide").show();                          $("#loginbutton").hide();                          $("#configtable").hide();                     }                        else if(reply=="user"){                         $("#securitymode").show();                                                     $("#configtable").show();                         $("#logoutbutton").show();                         $("#labels").hide();                         $("#status").show();                         $("#display").hide();                         $("#configeditdiv").hide();                                                     $(".chide").hide();                       }

jquery mobile has had problems hiding buttons, since framework wraps button in styled div , hides button (i.e. you're trying hide button that's hidden). problem has been addressed question: jquery mobile cannot hide submit button

which suggest $('.chide').closest('.ui-btn').hide(); should work you. give try , let me know if works :)


Comments

Post a Comment

Popular posts from this blog

Change php variable from jquery value using ajax (same page) -

what i'm trying this: i've php global variable $currentid , simple jquery script check if there "id" (page) in hash of url , if yes wanted give value $currentid . i've been reading lot , notice shall use ajax i'm not managing it. my code is: <script type="text/javascript"> $(document).ready(function(){ if (parent.location.hash != '' ) { var thecurrentid = parent.location.hash.split('#')[1]; $.ajax({ url: 'my.php', //current page type: 'post', data: {theid: thecurrentid }, datatype: 'json', success: function () { } }); } // code here }); </script> could me please? thank in advance. php server side language, meaning once has sent data browser, php variables , data cannot changed... however, using ajax, can send request php page , change data in dom based on result. consider th...
Read more

Pull out data related to my apps from Android Play Store and iOS App Store -

i want pull out data related apps (ratings, reviews, etc) google play store , apple app store ? how can accomplish ? i have found open source apis google mentioned not reliable. also there paid apis (e.g. appfigures) available. has idea how able pull data these play stores ?? i looking direction on how can accomplish this. can suggest ? we (appfigures) have been working on developing infrastructure give ability reviews , bunch of other data points major app stores several years :] we make available via our api though may want check out.
Read more

How can I fetch data from a web server in an android application? -

i want retrieve data web server in android application, , don't know begin. should use web services? i recommend these tutorials: connect android php , mysql , json in android , php , mysqli i used these tutorials , managed trying working without difficulty. between them describe each step in how attempting @ each stage, android application, database , web server side , has information included can process , use received information the thing add connect android php , mysql tutorial makes use of mysql_ in php deprecated. better use mysqli why included third link. the basic outline of want this: 1) in android app make request server php script using class this: import java.io.bufferedreader; import java.io.ioexception; import java.io.inputstream; import java.io.inputstreamreader; import java.io.unsupportedencodingexception; import java.util.list; import org.apache.http.httpentity; import org.apache.http.httpresponse; import org.apache.http.namevaluepair...
Read more