jQuery and javascript ('#ID') #update1#helpme -


understand me

<!doctype html>  <html>  <head>        <meta name="viewport" content="width=device-width, initial-scale=1">      <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">      <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>       <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>    <script>  $('.deleteme').live('click', function(){      $(this).parent().remove();      $('#contributionlist').listview('refresh');  });     $( document ).ready(function() {           $('#addcontribution').click(function () {                 var newamount = $('#contributionamount').val();                 if (newamount) {                   $('#contributionlist').append('<li><a>' + newamount + '</a><a class="deleteme"></a></li>').listview('refresh');                      $('#contributionamount').val('');                 } else {                      alert('nothing add');                 }               });   });  </script>    </head>  <body>    <div data-role="page" id="home">      <div data-role="content">          <ul data-role="listview" id="contributionlist" data-split-icon="delete" data-split-theme="d">             <li id="l1"><a>5.00</a><a id="1" class="deleteme"></a></li>             <li><a>10.00</a><a class="deleteme"></a></li>             <li><a>15.00</a><a class="deleteme"></a></li>             <li><a>20.00</a><a class="deleteme"></a></li>             <li><a>25.00</a><a class="deleteme"></a></li>             <li><a>50.00</a><a class="deleteme"></a></li>             <li><a>100.00</a><a class="deleteme"></a></li>           </ul>          <br />          <fieldset class="ui-grid-a">             <div class="ui-block-a">                <input type="text" placeholder="add new amount" id="contributionamount" />             </div>             <div class="ui-block-b">               <input type="button" value="add" id="addcontribution"/>             </div>          </fieldset>            </div>  </div>    </body>  </html>

^ code work in website when add html never work .. don't know why !

look @ last answer in down sent me link work !

but when add in html not work ------- >< >< >< people u don't use $(document).ready(function() {});

and people can use $('id').on('click',function(){})

^ did in computer ain't work ! didn't test in website

<><><---------- problem maybe in laptop mac os x if code work

should work when add in html not work

basically code work in website in html inside not work !

<script>     $( document ).ready(function() {          $('#addcontribution').click(function () {                var newamount = $('#contributionamount').val();                if (newamount) {                     $('#contributionlist')                          .append('<li><a>' + newamount + '</a><a class="deleteme"></a></li>')                          .listview('refresh');                     $('#contributionamount').val('');                } else {                     alert('nothing add');                });       }); </script> 

the script didn't work because dom element binding ie;'#contributionamount' not available when script parsed browser. document.ready event compiled browser once html dom ready.


Comments

Popular posts from this blog

multithreading - Exception in Application constructor -

React Native allow user to reorder elements in a scrollview list -

windows - CertCreateCertificateContext returns CRYPT_E_ASN1_BADTAG / 8009310b -