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

how to insert data php javascript mysql with multiple array session 2 -

multithreading - Exception in Application constructor -

windows - CertCreateCertificateContext returns CRYPT_E_ASN1_BADTAG / 8009310b -