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:

enter image description here

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

Popular posts from this blog

Android layout hidden on keyboard show -

google app engine - 403 Forbidden POST - Flask WTForms -

c - Why would PK11_GenerateRandom() return an error -8023? -