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
Post a Comment