Question

首先，我使用jquery mobile已经2天了，我所做的工作主要是通过反复试验和阅读。

我添加了aspx按钮并使用jquery增强它，除了2个行为外它看起来很好

1-当我为按钮指定一个图标时，我试图在浏览器中单击它，但是我在btn_search_Click中写的代码没有激活，经过多次检查和测试后我注意到如果我点击了图标“搜索图像”本身。

2-当我在我的手机“Galaxy Note”上尝试按钮时，似乎我写的整个页面都被浅橙色选中，如下图所示，稍后我发现按下按钮会产生这种效果，但是按下了“按钮上的搜索图标”效果很好

这是正常行为吗？

https://plus.google.com/u/0/115817137660799291682/posts/7tN5kXdFobt

这里是html / jquery页面（没有电影表）

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default2.aspx.vb" Inherits="Default2" %>


<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>jQuery Mobile Demos</title>
    <link rel="stylesheet" href="css/themes/default/jquery.mobile-1.3.1.min.css">
    <link rel="stylesheet" href="_assets/css/jqm-demos.css">
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,700">
    <script src="js/jquery.js"></script>
    <script src="_assets/js/index.js"></script>
    <script src="js/jquery.mobile-1.3.1.min.js"></script>
    <style type="text/css">
        .auto-style1
        {
            width: 61px;
        }
        .auto-style2
        {
            width: 540px;
        }
        .style1
        {
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <table style="width: 92%;">
        <tr>
            <td class="auto-style1">
                Num:
            </td>
            <td class="auto-style2">
                <asp:TextBox ID="txt_num" runat="server" type="search"></asp:TextBox>
                <td class="style1">
                    <asp:Button ID="btn_search" runat="server" Text="Search" Width="31%" data-inline="true"
                        data-theme="b" data-icon="search" data-iconpos="left" />
        </tr>
        <tr>
            <td class="auto-style1">
                Name:
            </td>
            <td class="auto-style2">
                <asp:TextBox ID="txt_name" runat="server" type="text"></asp:TextBox>
            </td>
            <td>
                <asp:Button ID="btn_balance" runat="server" Text="Get Balance" Width="31%" data-inline="true"
                    data-theme="b" data-icon="grid" data-iconpos="left" />
        </tr>
        <tr>
            <td class="auto-style1">
                &nbsp;
            </td>
            <td class="auto-style2">
                &nbsp;
            </td>
            <td>
                &nbsp;</tr>
    </table>

Answer 1

但我在btn_search_Click中编写的代码不会触发

这可能是因为jQuery移动工具包通常将内容移动到asp.net form之外，当您单击按钮时，表单不会触发。还有另一种情况是在对话框中用ajax加载它，这也不能正常工作。

我注意到如果点击“搜索图片”图标，代码就会触发本身。

图标按钮通常用javascript处理回发，这就是为什么这个工作，因为是调用帖子 - 但是如果其余页面已经改变了地方，你可能不会发送正确的数据。

以下是类似的答案：Button in dialog box won't Post back

我已经诊断出了这个问题，但没有一个通用的解决办法。

Answer 2

这是我测试的结果，只告诉我看到的行为，不知道为什么会发生，因为我不知道：）

width =“31％”对计算机浏览器和移动浏览器都有影响，它似乎缩小了应该点击按钮的区域（已测试）

我包含 width =“31％”试图减小按钮的宽度，因为我把按钮放在表格行中“我希望按钮占据列宽的31％，但后来我发现我可以使用 data-inline =“true”很好的发现：）

我删除 width =“31％”并在我的默认移动浏览器上尝试后，淡橙色选择的页面消失了，但只有按钮本身被橙色覆盖颜色“我猜这是正常的”

当我在Opera移动浏览器上尝试页面时，选择按钮的颜色变为淡蓝色“我想每个浏览器都有自己的行为。

当我使用 width =“31％”按钮在Opera移动浏览器上尝试该页面时。按下按钮时没有浅橙色，但除了特定区域“按钮宽度的前31％”外，无法按下按钮。因此，每个移动浏览器都可以使用jquery / asp页面进行差异化处理。

我的问题是通过删除标签 width =“31％”

来解决的

感谢Aristos和每个人。

单击按钮，选择我的所有页面（在浏览器上工作，不在手机上）

2 个答案: