asp.net - Problems with jquery mobile and asp:button -
i've created page , have problems jquery mobile button , asp: button. problem button automatically placed inside button (which can not used) , wonder why happens , doing wrong? see picture "click" button.
her code:
<!doctype html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0rc1/jquery.mobile-1.0rc1.min.css" /> <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> <script src="http://code.jquery.com/mobile/1.0rc1/jquery.mobile-1.0rc1.min.js"></script> <meta name="viewport" content="width=device-width, initial-scale=1"/> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b3/jquery.mobile-1.0b3.min.css" /> <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.3.min.js"></script> <script type="text/javascript" src="http://code.jquery.com/mobile/1.0b3/jquery.mobile-1.0b3.min.js"></script> </head> <body> <div data-role="page" data-theme="a"> <div data-role="header" data-position="inline"> <h1>navigasjon</h1> </div><!-- /header --> <div data-role="content"> <p>under finner du din geografiske posisjon</p> <div id="posisjon"></div> <script> navigator.geolocation.getcurrentposition( function (pos) { document.getelementbyid('<%=breddegrad.clientid%>').value = pos.coords.latitude; document.getelementbyid('<%=lengdegrad.clientid%>').value = pos.coords.longitude; } ); </script> <form runat="server"> <asp:textbox id="breddegrad" runat="server" readonly="false"></asp:textbox> breddegrad <br/> <asp:textbox id="lengdegrad" runat="server" readonly="false"></asp:textbox> lengdegrad <asp:button runat="server" onclick="dosomething" text="click"/> </form> </div><!-- /content --> <div data-role="footer" data-position="inline"> <h1>test</h1> </div><!-- /footer --> </div><!-- /page --> </body> </html>
and here picture of how looks:
you loading jquery , jquery mobile twice:
here:
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0rc1/jquery.mobile-1.0rc1.min.css" /> <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> <script src="http://code.jquery.com/mobile/1.0rc1/jquery.mobile-1.0rc1.min.js"></script>
and here:
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b3/jquery.mobile-1.0b3.min.css" /> <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.3.min.js"></script> <script type="text/javascript" src="http://code.jquery.com/mobile/1.0b3/jquery.mobile-1.0b3.min.js"></script>
remove 1 of these blocks.
i don't see why use beta on release candidate want remove second block.
Comments
Post a Comment