Question

我有一个控制一些JQM页面的php脚本。使用php require激活JQM页面。它适用于所有单页JQM页面，几乎适用于多页JQM页面。唯一的问题是多页上的链接（锚点）按钮似乎已经死了（href =＆＃34;＃page2＆＃34;例如）。

如果我重新加载多页，或者如果我在浏览器中手动启动多页，则死链接按钮会起作用。

您是否有解决此问题的方法（除了重新加载或将多页转换为单页）？

这不起作用（服务器上的所有文件）：

的index.php：

<?php
session_start();
$action = isset( $_GET['action'] ) ? $_GET['action'] : "";
if ( !$action ) $action = isset( $_POST['action'] ) ? $_POST['action'] : "";
if ($action == 'multi')
   require('multi.php');
else
   require('single.php');
?>

single.php中：

    <?php ?>
<!doctype html>
<html>
<head>
  <title>SINGLE</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
  <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
  <script type="text/javascript" src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
  <meta name="apple-mobile-web-app-capable" content="yes">
  <link rel="apple-touch-icon" href="images/app-icon.png">

</head>
<body>

    <div data-role="page" id="single">
        <div data-role="header" data-theme="a">
            <h2>SINGLE 1(1)</h2>    
        </div>
        <div data-role="content">
            <p>This is page single.</p>
            <form action="index.php" method="post" >
                <fieldset data-role="controlgroup">
                     <input type="submit" name="action" id="multi" value="multi">
                </fieldset>
            </form>
        </div>
    </div>
  </body>
</html>

multi.php：

    <?php ?>
<!doctype html>
<html>
<head>
  <title>MULTI</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
  <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
  <script type="text/javascript" src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
  <meta name="apple-mobile-web-app-capable" content="yes">
  <link rel="apple-touch-icon" href="images/app-icon.png">

</head>
<body>
    <div data-role="page" id="page1">
        <div data-role="header" data-theme="a">
            <h2>MULTI 1(2)</h2> 
        </div>
        <div data-role="content">
            <p>This is page 1.</p>
        </div>
        <div data-role="footer" data-position="fixed" data-theme="a" data-id="nav">
            <div data-role="navbar">
                <ul>
                    <li><a class="ui-btn" data-transition="slide" data-icon="arrow-r" data-iconpos= "top" href="#page2">Next</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div data-role="page" id="page2">
        <div data-role="header" data-theme="a">
            <h2>MULTI 2(2)</h2> 
        </div>
        <div data-role="content">
            <p>This is page 2.</p>
        </div>
    </div>
  </body>
</html>

在浏览器中启动index.php，点击多按钮，现在下一个按钮不起作用...

JQM多页面和php需要

0 个答案: