Question

我的意思是我有一个链接到我的网站，但我在ThemeRoller mobile.php文件中使用的链接不起作用。我已将ThemeRoller文件放在自己的文件夹中，而不是我的投资组合网站文件。在ThemeRoller文件夹中，我有：

CSS
图像
JS
mobile.php

等。

在mobile.php中，我建立了一个指向我的投资组合索引文件的链接：

<a href="../Portfolio-2013/index.php" data-role="button">Desktop</a></div>

我看不出这行有什么问题，但问题是当我在浏览器中加载移动页面时，如上图所示单击“桌面”，它会将我引导到我的网站，但背景是白色的一切都完全错了！这是我的真实网站的图片，当我在MOBILE SITE（ThemeRoller）中点击此链接时。

http://i40.tinypic.com/npmmi0.jpg

如您所见，我的网站有白色背景和一些图片。还有链接，但这只是我网站的一部分。我不知道为什么会这样。我可能做了一些非常错误的事情，这对你们中的一些人来说可能是显而易见的。我打算以某种方式失败最明显的事情......

ThemeRoller的HTML：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Mobil</title>
        <link rel="stylesheet" href="css/portfolio-mobil-2013.css" />
        <link rel="stylesheet" href="css/portfolio-mobil-2013.min.css" />
        <link rel="stylesheet" href="css/jquery.mobile.structure-1.3.1.min.css" />
        <script src="js/jquery-1.9.1.min.js"></script>
        <script src="js/jquery.mobile-1.3.1.min.js"></script>
    </head>
    <body>
        <div data-role="page" data-theme="a">
            <div data-role="header" data-position="inline">
                <h1>It Worked!</h1>
            </div>
            <div data-role="content" data-theme="a">            
            <a href="mobil.php" data-role="button">Frontpage</a>
            <a href="om-mig.php" data-role="button">About</a>
            <a href="projekter.php" data-role="button">Projects</a>
            <a href="kontakt.php" data-role="button">Contact</a>
            <a href="../Portfolio-2013/index.php" data-role="button">Desktop</a></div>
            </div>
        </div>
    </body>
</html>

您在下面看到的文件也不在我的网站文件中，即index.php。它们只在我的mobile.php中，如上所示。

    <link rel="stylesheet" href="css/portfolio-mobil-2013.css" />
    <link rel="stylesheet" href="css/portfolio-mobil-2013.min.css" />
    <link rel="stylesheet" href="css/jquery.mobile.structure-1.3.1.min.css" />
    <script src="js/jquery-1.9.1.min.js"></script>
    <script src="js/jquery.mobile-1.3.1.min.js"></script>

有趣的是，当我刷新我的网站时，它再次恢复正常。我网站上的所有内容都是正常的。奇怪..

我还在努力解决这个问题。如果有人能回答这个问题，我会非常感激:)。感谢您的时间。我现在回去尝试解决这个问题。

我将ThemeRoller文件移动到与我的网站相同的文件夹，因此更容易。我仍然遇到同样的问题。

Answer 1

解决了!!! :)

我需要做的就是让rel="external"从我的移动网站切换到我的桌面网站然后再回来。但我不是在谈论这个链接。

当我这样做时：

    <a href="index.php" data-role="button">Desktop</a></div>

当我从移动网站切换到桌面网站时，它给了我完全白色的背景。但是，当我从桌面切换到我的手机时，它没有这样做！

所以这个：

    <a href="index.php" data-role="button" rel="external">Desktop</a></div>

rel external从移动站点切换到桌面站点，没有任何白色背景！切换时，网站完全正常：）

我知道这应该很容易，但我很高兴能解决这个问题：）

我无法将我的ThemeRoller for jQuery Mobile链接到我的网站？

1 个答案: