2

首先，我使用 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>
4

2 回答 2

0

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

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

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

图标按钮通常是用 javascript 处理回帖，这就是为什么这样做的原因，因为是调用帖子 - 但是如果其余页面已更改位置，您可能不会发送正确的数据。

这是一个类似的答案：对话框中的按钮不会回发

我已经诊断出这个问题，但没有给出一个通用的解决方案。

于 2013-05-19T00:59:39.950 回答
0

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

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

我包括width="31%"试图减小按钮的宽度，因为我将按钮放在表格行中“我希望按钮占据列宽的 31%，但后来我发现我可以使用data-inline="真的”很好的发现:)

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

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

当我使用带有width="31%"的按钮在 Opera 移动浏览器上尝试页面时。按下按钮没有浅橙色，但除了在“按钮宽度的前 31%”的特定区域外，无法按下按钮。因此，每个移动浏览器都可以使用 jquery/asp 页面表现不同。

通过删除标签width="31%"解决了我的问题

感谢 Aristos 和每一个人。

于 2013-05-20T08:29:07.990 回答