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

保存为php的JqueryMobile页面不';通过xampp托管时无法正确显示,php,jquery,html,jquery-mobile,xampp,Php,Jquery,Html,Jquery Mobile,Xampp,我有一个名为loginscreen.php的php文件。目前,它包含两个JqueryMobile页面和第一个登录页面上的表单。登录过程工作正常。整个过程都由我的Mac上的xampp(版本:5.6.3-0)托管 当我将loginscreen.php文件的文件扩展名更改为.html(so-->loginscreen.html)并在finder中的htdocs文件夹中打开它时,loginscreen页面在Safari中以正确的jquery mobile样式以正确的方式打开,在自定义主题之后,登录过程正

我有一个名为loginscreen.php的php文件。目前,它包含两个JqueryMobile页面和第一个登录页面上的表单。登录过程工作正常。整个过程都由我的Mac上的xampp(版本:5.6.3-0)托管

当我将loginscreen.php文件的文件扩展名更改为.html(so-->loginscreen.html)并在finder中的htdocs文件夹中打开它时,loginscreen页面在Safari中以正确的jquery mobile样式以正确的方式打开,在自定义主题之后,登录过程正常工作并进入第二页

但是,如果使用localhost/loginscreen.php访问浏览器中的loginscreen.php,则文件呈现错误。我有两个按钮(jQuery按钮中常见的html按钮)。双输入字段(与按钮相同)。我的第二个页面也在显示,当我登录时,会出现页面加载错误

我这里有什么问题?由于它在通过finder以html格式打开文件时起作用,我想问题在于我的xampp宿主。当通过xampp托管时,会出现什么问题导致文件无法正确渲染

我的代码(loginscreen.php文件)(还有一个javascript和另一个php文件负责通过ajax和php登录以访问我的数据库(也由xampp托管),当通过finder以html形式打开时,一切正常,但当通过浏览器以php形式访问时,一切正常)


原型登录

标志


Benutzername:
羊草:
第二页
我自己解决了这个问题。这个问题与我的XAMPP安装无关。我解决了两个实际问题:

  • 我的PHP文件没有标题('Content-Type:text/html;charset=utf-8');在那里,我遇到了错误和代码的错误行为,因为我的index.php文件被设置为带有meta标记的utf-8,但没有标题('Content-Type'),我的php代码就没有了

  • 我的Jquery移动CSS没有被错误导入。我只在我的主题之后导入了Jquery-Mobile-structure.css,而不是普通的Jquery-Mobile.css。这是造成双重渲染和错误显示以及错误页面显示行为的原因,因为在不导入标准Jquery-Mobile.css时,缺少一些关键页面元素

  • 希望这能帮助其他遇到这些问题的人,我花了很长时间才解决utf-8的编码问题