0

我正在尝试使用 PhoneGap 预览制作这个有趣的聊天应用程序来使用 Framework7。问题是，我以前从未使用过 Framework7，而且我很难将主页下的页面链接在一起。

我有一个带有<a href="">标签的文本字符串，我想链接到一个表单，供人们注册并在应用程序上创建他们的个人资料。我创建了一个单独的 html 文件，我尝试与<a href="signup.html">.

framework7.min.js:23 XMLHttpRequest cannot load file:...Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.

下面是我的代码，底部的最后一个字符串是我试图用表单链接到 singup 页面的内容，非常感谢任何帮助。

<!-- Status bar overlay for full screen mode (PhoneGap) -->
    <div class="statusbar-overlay"></div>
    <!-- Views -->
    <div class="views">
        <!-- Your main view, should have "view-main" class -->
        <div class="view view-main">
            <!-- Pages container, because we use fixed-through navbar and toolbar, it has additional appropriate classes-->
            <div class="pages navbar-through toolbar-through">
                <!-- Page, "data-page" contains page name -->
                <div data-page="index" class="page">
                    <!-- Scrollable page content -->
                    <div class="page-content login-screen-content">
                        <div class="login-screen-title"><img src="img/logo.png" width="130px" height="130px"></div>
                        <div class="login-screen-title">Welcome to<br>J Chat</div>
                        <p class="tour-content" style="text-align: center">Login below to get started!</p>
                        <form>
                        <div class="list-block">
                            <ul>
                                <li class="item-content">
                                    <div class="item-inner">
                                        <div class="item-title label">Email</div>
                                        <div class="input-inner">
                                            <input type="text" name="email" placeholder="E-Mail">
                                        </div>
                                    </div>
                                </li>
                                <li class="item-content">
                                    <div class="item-inner">
                                        <div class="item-title label">Password</div>
                                        <div class="input-inner">
                                            <input type="password" name="password" placeholder="Password">
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>

                        <div class="list-block">
                            <ul>
                                <li>
                                    <a href="home.html" class="button button-intro login ripple">Login</a>
                                </li>
                            </ul>
                        </div>

                        <!-- Link to another page -->
                        <div class="list-block" style="margin-top: 1em;">
                            <p class="tour-content">
                                Don't have an account yet?<br>
                                <a href="signup.html">Click here</a> to sign up!
                            </p>
                        </div>

                    </form>


                </div>
              </div>
            </div>

          </div>
        </div>
4

2 回答 2

0

将您的文件放在某个 www 服务器中 - 无法从本地目录提供 html 文件。

于 2018-09-16T05:50:33.147 回答
0

您的文件在本地服务器上吗？如果您压缩文件夹并使用电话间隙构建它，则在您的设备上链接将起作用。但是，如果您在桌面上预览，则必须将 dist 文件夹放在本地服务器上。我使用 Apache，所以我将 dist 文件夹放在 htdocs 文件夹中，然后从我的浏览器导航到它，这对我有用。

于 2016-08-18T23:07:09.497 回答