Попытка реализовать групповое событие без успеха
используя этот код в
$(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>
Основная функция, которую я пытаюсь найти здесь, – это проверить, существует ли сеанс пользователя и показывать содержимое в левой панели в зависимости от результата сеанса.
maby Я подхожу к этому все неправильно? пример будет очень полезен