Question

我有一个名为loginscreen.php的php文件。目前它包含两个JqueryMobile页面和一个要登录的页面上的表单。登录过程运行正常。整个事情在我的Mac上托管了xampp（版本：5.6.3-0）。

当我将loginscreen.php文件的文件扩展名更改为 .html （所以 - ＆gt; loginscreen.html）并在finder的htdocs文件夹中打开它时，将打开loginscreen页面在我的自定义主题后，在正确的jquery移动风格的Safari中很好，登录过程可以工作，并让我到我的第二页。

但是，如果我在浏览器中使用localhost / loginscreen.php访问登录屏幕。 php ，则文件呈现错误。我得到双按钮（jQuery按钮内的常用html按钮）。双输入字段（与按钮相同）。我的第二页也正在显示，登录时我收到页面加载错误！

我的问题是什么？因为它通过finder打开文件作为html工作，我想问题是我的xampp托管。问题是什么，以便我的文件在通过xampp托管时无法正确呈现？

我的代码（loginscreen.php文件）（还有一个javascript和另一个php文件负责通过ajax和php登录来访问我的数据库（也用xampp托管）一切正常工作时打开通过finder作为html，但不是通过浏览器访问为php）

＆＃13;

<!doctype html>
<html><head>
<title>Prototyplogin</title>
<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- <meta name="viewport" content="initial-scale=1, maximum-scale=1"> -->
    
<link rel="stylesheet" href="themes/mensa1.min.css" />
<link rel="stylesheet" href="themes/jquery.mobile.icons.min.css" />
<link rel="stylesheet" href="jquery/jquery.mobile.structure-1.4.5.min.css" />
<link rel="stylesheet" type="text/css" href="loginscreen.css" />
    
<script type="text/javascript" src="jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="jquery.mobile-1.4.5.js"></script>
<script type="text/javascript" src="loginscreen.js"></script>
    
</head>
    
<body>

    <div data-role="page" data-theme="c" id="loginscreen">
    
            <div data-role="main" class="ui-content">
            <br />
                <div id="titel">
                    <p>Logo</p>
                </div>
            <br />
            <form action="test.php" method="post" id="loginformular">
                <label for="username">Benutzername:</label>
                <input type="text" name="username" id="username">
                <br/>
                <label for="password">Passwort:</label>
                <input type="password" name="password" id="password">
                <br/>
                <input type="button" value="Anmelden" id="submit" data-role="button">
            </form>
            <div id="notificationdiv"><h3 id="notification"></h3></div>
            </div>
    </div>
    
    <div data-role="page" id="firstpage">
    
    	<div data-role="header">
        
        </div>
        <div data-role="main" class="ui-content">
            <h1>Secondpage</h1>
        </div>
        
        <div data-role="footer">
        
        </div>
    </div>
</body>
</html>

＆＃13;

在这个问题上搜索了整个互联网，获得一些帮助真是太棒了！ :-) 感谢您的帮助！： - ）

Answer 1

我自己想出了问题。问题与我的XAMPP安装没有任何关系。我想出了两个实际问题：

我的PHP文件没有标题（＆＃39; Content-Type：text / html; charset = utf-8＆＃39;）;因为我的代码遇到了错误和错误行为，因为我的index.php文件设置为带有元标记的utf-8，但没有标题（＆＃39; Content-Type＆＃39;）我的PHP代码不是＆＃39;吨
我的Jquery-Mobile CSS没有被错误地导入。我只在我的主题之后导入了Jquery-Mobile-Strucutre.css而不是普通的Jquery-Mobile.css。这导致双重渲染和错误显示以及错误的页面显示行为，因为在不导入标准Jquery-Mobile.css时缺少一些关键的页面元素。

希望这有助于其他人遇到这些问题，花了很长时间才弄清楚utf-8的编码问题。

保存为php的JqueryMobile页面在通过xampp托管时无法正确显示

1 个答案: