Question

尝试实施面板事件但没有成功

在

中使用此代码

$(document).on("panelbeforeopen", "#leftpane", function(event, ui ){  //
alert("panelbeforeopen");

        var disableForm = "<?php echo ($_SESSION['user'] == '' ? 'true' :      'false') ?>";
        if(disableForm){
              alert("form disabled");
            }else{
              alert("form enabled");
            }
    });

如果我完全刷新页面，这将导致正常工作。如果我把它放在我包含的.js文件中，它可以在不刷新页面的情况下工作，但PHP函数让用户进入会话将是一招。我不想那样解决它。

我的标题如下：

  <head>
  <title>Titel</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.0/jquery.mobile-  1.4.0.min.css" />
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="_js/javascript.js"></script>

<script src="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js"></script>
</head>

HTML

<body>
<div data-role="page" id="menu"> 
  <!-- Panels begins here  -------------------------------------------------------------------------->
  <div data-role="panel" id="leftpane" data-position="left" data-swipe-close="true" data-display="overlay" data-theme="a">
<h4 id="loginTitel">Login</h4>
<p id="output"></p>
<div id="formDiv">
    <form id="loginForm" >
      <label for="usn" class="ui-hidden-accessible">Username : </label>
      <input type="text" maxlength="25" placeholder="username" data-mini="true" required autofocus name="username" />
      <label for="passwd" class="ui-hidden-accessible">Password : </label>
      <input type="password" maxlength="25" placeholder="password" data-mini="true" required autofocus name="password" />
      <input name="action" type="hidden" value="login" />
      <button data-theme="b" id="submit" data-mini="true" type="submit">Login</button>
    </form>
 </div>
    <p />
  </div>
  <!-- /leftpanel -->

  <div data-role="panel" id="infoPanel" data-display="overlay" data-position="right" data-theme="b">
    <h2>Information</h2>
    <p>content</p>
  </div>
  <!-- /rightpanel --> 
  <!-- Panels end here  -------------------------------------------------------------------------->
  <div data-role="header" position="inline"><a href="#leftpane" data-icon="lock" data-iconpos="notext" class="ui-btn-left"></a><img src="_pic/globe.png" alt="Low resolution logo" class="align-right"/><a href="#infoPanel" data-icon="info" data-iconpos="notext" class="ui-btn-right"></a>
    <h1>JQM Site</h1>
    </header>
  </div>
  <div data-role="content" id="content">
    <h4>Titel</h4>
    <p>
      content
    </p>

  </div>
  <footer data-role="footer" class="ui-body-c" data-position="fixed"> </footer>
</div>

我试图访问的主要功能是检查用户会话是否存在，并根据会话结果在leftpanel中显示内容。

maby我接近这一切都错了吗？一个例子会很有帮助

Jquery Mobile，Panel事件仅在置于外部.js时触发

0 个答案: