为 iPhone 使用“用于移动 Web 应用程序的 Web 应用程序工具包”

Question

我正在使用Web Application Toolkit for Mobile Web Applications 使用 asp.net MVC 为 Windows 7 Mobile 和 iPhone 开发一个简单的网站（允许更新用户）。

我使用ibbdemo 作为模拟器来测试iPhone。

我在这方面遇到了一些问题。

1. Javascript/Jquery 无法正常工作（我已尝试在仅带有文本框的纯页面中设置 document.ready 中的文本框值）
2. 单选按钮的表单集合返回所有以逗号分隔的值，而不仅仅是选定的值。

编辑：

管理员登录网站后，我正在尝试执行以下操作：

1. 显示活动用户和非活动用户（主/索引）等链接。
2. 一旦管理员点击“活跃用户”链接，就会显示活跃用户列表（用户/活跃用户）
3. 点击用户姓名后，将显示用于更新用户详细信息（例如姓名、性别、电子邮件等）的页面（用户/详细信息）

javascript 一直工作到第 1 步，从第 2 步开始，它什么也不做。我尝试在（主/索引）页面中添加一个虚拟文本框并在 document.ready 中设置值，它工作。但是当我在（用户/活动）或（用户/详细信息）中做同样的事情时，javascript/jquery 似乎不起作用。为了测试，我已将第一页内容复制到所有这些内容，但它仍然在第一页有效，但在休息时无效。我对这个问题感到困惑。

这是在（主/索引）中查找的 html：

     <%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Mobile/iPhone/Site.Master"
        Inherits="System.Web.Mvc.ViewPage" %>

    <asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
        <div class="toolbar">
            <h1 id="pageTitle">
            </h1>
            <a id="backButton" class="button" href="#"></a>
        </div>
        <form id="dashboardForm" action="Main/Index" method="get" title="Dashboard" class="panel"
        selected="true">
        <fieldset>
 <div class="row">
            <label>
                Dummy:</label>
            <%= Html.TextBox("dummyText") %>
        </div>
            <div class="row">
                <label>
                    Users: <a href="/User/Detail?IsNew=true">Add</a></label>
            </div>
            <div class="row">
                <a href="/User/Active">Active Users</a> <a href="/User/Inactive">Inactive Users</a>
            </div>
        </fieldset>
        </form>

<script type="text/javascript" language="javascript">

        $(function() {
            $("#dummyText").val('test');
        });
    </script>
    </asp:Content>

是否有任何解决方法或是否有人遇到同样的问题并找到了解决方案？

或者有没有其他使用asp.net MVC开发移动应用的工具包，请建议

Answer 1

Safari（Apple 的浏览器）中有一种模式，可让您模拟 iPhone 的浏览器 Mobile Safari。

在菜单中，找到Develop -> User Agent 并选择您要模拟的浏览器。