jquery mobile 和 asp:button 的问题
Posted
技术标签:
【中文标题】jquery mobile 和 asp:button 的问题【英文标题】：Problems with jquery mobile and asp:button 【发布时间】：2014-04-13 19:00:03 【问题描述】：我已经创建了一个页面，但 jquery 移动按钮和 asp: 按钮存在一些问题。问题是该按钮自动放置在另一个按钮内（无法使用），我想知道为什么会发生这种情况以及我做错了什么？ “点击”按钮见图片。
她是我的代码：
<!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>
下面是它的外观图片：
【问题讨论】：
【参考方案1】：您正在加载 jquery AND jquery mobile 两次：
这里：
<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>
这里：
<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>
删除这些块之一。
我不明白为什么你会使用测试版而不是候选版本，所以你可能想要删除第二个块。
【讨论】：
捂脸！是的，这解决了它。谢谢！以上是关于jquery mobile 和 asp:button 的问题的主要内容，如果未能解决你的问题，请参考以下文章
如何使用 jquery 或 jquery mobile mobile 根据日期列出数据
jQuery Mobile-jquery Mobile 怎么用ajax提交表单
jQuery Mobile仿360首页，jQuery Mobile网格布局,jQuery Mobile网址大全,HTML5仿360首页