2010-08-26 140 views
0

我正在使用jQTouch框架为iPhone开发一个Web应用程序。我发现一个类似的例子,我要怎么设置我的登录页面在:jQTouch和PHP登录表格

http://www.golen.net/blog/2010/05/29/jqtouch-ajax-php-login-form/

而且已经下载了示例PHP文件: http://www.golen.net/blog/wp-content/uploads/2010/05/jqtouch.zip

在视频3,伴随着这个博客就说明除非您单击登录链接,否则登录表单不会显示。然而,我已经下载了这些文件,并将它们上传到了我的两台服务器,无论我是否登录,登录表单总是显示出来。据我所知,可下载的php文件与视频中的内容相同,但我无法阻止登录表单始终显示。

任何人有任何想法。这里的index.php页面,其中包括登录表单,以及:

<?php 

$的loggedIn =(isset($ _ COOKIE [ '的loggedIn'])& & $ _COOKIE [ '的loggedIn'] == '真') ?真假; >

<title>jQTouch &beta;</title> 
    <style type="text/css" media="screen">@import "jqtouch/jqtouch.css";</style> 
    <style type="text/css" media="screen">@import "themes/jqt/theme.css";</style> 
    <script src="jqtouch/jquery-1.4.2.min.js" type="text/javascript" charset="utf-8"></script> 
    <script src="jqtouch/jqtouch.js" type="application/x-javascript" charset="utf-8"></script> 
    <script type="text/javascript" charset="utf-8"> 
     var jQT = new $.jQTouch({ 
      icon: 'jqtouch.png', 
      addGlossToIcon: false, 
      startupScreen: 'jqt_startup.png', 
      statusBar: 'black', 
      preloadImages: [ 
       'themes/jqt/img/back_button.png', 
       'themes/jqt/img/back_button_clicked.png', 
       'themes/jqt/img/button_clicked.png', 
       'themes/jqt/img/grayButton.png', 
       'themes/jqt/img/whiteButton.png', 
       'themes/jqt/img/loading.gif' 
       ] 
     }); 
     // Some sample Javascript functions: 
     $(function(){ 
     }); 
    </script> 
</head> 
<body> 
    <div id="jqt"> 
     <div id="home"> 
      <div class="toolbar"> 
       <h1>Welcome</h1> 
       <a class="back" href="#home">Home</a> 
      </div> 
      <?php if (!$loggedIn) {?> 
      <ul class="rounded"> 
       <li class="forward"><a href="#login">Log In</a></li> 
      </ul> 
      <?php } else { ?> 
      <ul class="rounded"> 
       <li class="forward"><a href="doLogoff.php" rel="external">Log off</a></li> 
      </ul> 
      <?php } ?> 
     </div> 
     <form id="login" action="doLogin.php" method="POST" class="form"> 
      <div class="toolbar"> 
       <h1>Login</h1> 
       <a class="back" href="#">Back</a> 
      </div> 
      <ul class="rounded"> 
       <li><input type="text" name="username" value="" placeholder="Username" /></li> 
       <li><input type="password" name="password" value="" placeholder="Password" /></li> 
      </ul> 
      <a style="margin:0 10px;color:rgba(0,0,0,.9)" href="#" class="submit whiteButton">Submit</a> 
     </form> 
    </div> 
</body> 

回答

1

,你只需要修改代码有点...删除JQT DIV,并放入一个div id'ed“登录......这样?

<body> 

     <div id="home"> 
      <div class="toolbar"> 
       <h1>Welcome</h1> 
       <a class="back" href="#home">Home</a> 
      </div> 
      <?php if (!$loggedIn) {?> 
      <ul class="rounded"> 
       <li class="forward"><a href="#login">Log In</a></li> 
      </ul> 
      <?php } else { ?> 
      <ul class="rounded"> 
       <li class="forward"><a href="doLogoff.php" rel="external">Log off</a></li> 
      </ul> 
      <?php } ?> 
     </div> 

    <div id="login"> 
     <form id="login" action="doLogin.php" method="POST" class="form"> 
      <div class="toolbar"> 
       <h1>Login</h1> 
       <a class="back" href="#">Back</a> 
      </div> 
      <ul class="rounded"> 
       <li><input type="text" name="username" value="" placeholder="Username" /></li> 
       <li><input type="password" name="password" value="" placeholder="Password" /></li> 
      </ul> 
      <a style="margin:0 10px;color:rgba(0,0,0,.9)" href="#" class="submit whiteButton">Submit</a> 
     </form> 
    </div> 

</body> 

希望帮助你:-)