Question

我创建了一个页面，并且在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>

以下是它的外观图片：

enter image description here

Answer 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>

删除其中一个块。

我不明白为什么你会使用beta而不是候选版本，所以你可能想删除第二个块。

jquery mobile和asp：button的问题

1 个答案: