2

我正在尝试将我的网站转移到 jquery mobile 并在使用时遇到错误：

$('#information').load('getRegister.php'  , function() {
                    $('#preloader').hide(); 
                });

调用此函数以在不刷新的情况下将 html 代码动态加载到页面中，但出现的代码与网站中已有的代码 css 不匹配。您可以在下面的屏幕截图中看到这一点在此处输入图像描述：

我很困惑为什么按钮和文本字段不采用已经加载到页面中的表单的样式。.load 调用的代码是这个 php 文件：

<?php
  require ('myConnectDB.inc.php');     

// echo registration form

echo "

<p class=\"center\"> &nbsp;</p>

<form name=\"input2\" action=\"\" onsubmit =  \" return register()\" method=\"post\"  data-ajax=\"false\">
                    <p class=\"center\"> User Name: 
                    <input type=\"text\" name=\"user\"  id=\"userRegister\" /></p>
                    <p class=\"center\"> &nbsp;</p>
                    <p class=\"center\"> Email: 
                    <input type=\"text\" name=\"user\"  id=\"emailRegister\" /></p>
                    <p class=\"center\"> &nbsp;</p>
                    <p class=\"center\"> Password: <input type=\"password\" name=\"password\" id=\"passwordRegister1\" /></p> 
                    <p class=\"center\"> &nbsp;</p>
                    <p class=\"center\"> Re-Type Password: <input type=\"password\" name=\"password\" id=\"passwordRegister2\" /></p> 
                    <p class=\"center\"> &nbsp;</p>
                    <p class=\"center\"> 
                    <input type=\"submit\"  class=\"  button blue\" name = \"login\" value=\"Register\" />
                    </p>
            </form>";   
?>
4

2 回答 2

1

您需要create在新添加的内容上触发事件。

从文档

如果您应该在客户端生成新的标记或通过 AJAX 加载内容并将其注入页面，您可以触发 create 事件来处理新标记中包含的所有插件的自动初始化。这可以在任何元素（甚至是页面 div 本身）上触发，从而为您节省手动初始化每个插件的任务（见下文）。

例如，如果通过 Ajax 加载了一个 HTML 标记块（例如登录表单），则触发 create 事件以自动转换它包含的所有小部件（输入

和按钮在这种情况下）到增强版本。这种情况的代码是：

$( ...new markup that contains widgets... ).appendTo( ".ui-page" ).trigger( "create" );

在您的情况下，您可能想要以下内容

$('#information').load('getRegister.php'  , function() {
        $('#preloader').hide(); 
        $('#information').trigger("create");
 });
于 2013-01-18T04:57:28.710 回答
0

这可能是因为您的新 html 没有提供与原始表单或原始样式表使用的任何嵌套 div 结构相同的类属性。

查看原始文本字段的类属性并匹配它们。或查看样式表以了解如何布局您的 html。

于 2013-01-18T04:55:27.640 回答