Question

我有一个简单的内部网站，我正在设置管理客户帐户。我在jquery mobile中编写它，并且在一些初始问题之后到目前为止运气不错。我被困在一个我不知道怎么过去，所以任何帮助都会受到赞赏。

当我输入index.php #barcode时，我的页面id =条形码工作正常（虽然所有变量都是空的，因为我还没有运行表单），但是一旦我提交了表单，索引。 php＃barcode只带我到我的index.php文件的第一页而不是条形码页面，即使我手动输入index.php #barcode也是如此。只有一次我直接浏览index.php然后再次添加#barcode我可以进入条形码页面，但是当我这样做时它会丢失所有变量。

我已将条形码页面的内容复制到index.php的第一页，这样我就可以看到表单正常工作并显示我正在寻找的信息，但我无法理解为什么它只加载我提交表格后的那个页面。我可以通过键入其锚标签或单击按钮来加载其他页面，但此特定页面将无法加载，我不知道为什么。有任何想法吗？我甚至不知道我的代码的哪些部分要发布，因为我不知道问题出在哪里。

EDIT 这是代码。它分散在彼此包含的许多不同文件中，所以希望这不是很难理解;

的index.php

<!DOCTYPE html>
<html>
<head>
    <title>XLX Internal Dashboard</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="js/jquery-1.11.1.min.js"></script>
    <link rel="stylesheet" href="css/jquery.mobile-1.4.2.min.css" />
    <script src="js/jquery.mobile-1.4.2.min.js"></script>
</head>
<body>
    <?php 
        include 'core/init.php';
        if(loggedin()==FALSE) {
            include 'login.php';
        } else {
            include 'landingpage.php';
            include 'customerlookup.php';
            include 'barcode.php';
        }
    ?>
</body>
</html>

landingpage.php

<div data-role="page" id="page">
    <div data-role="header">
        <h1>XLX Dashboard</h1>
    </div>

            <?php include 'includes/menu.php';
                $barcode = $_POST['barcode'];
                $barcodesearch = $handler->query("SELECT * FROM customers WHERE barcode='$barcode'");
                while($row = $barcodesearch->fetch(PDO::FETCH_ASSOC)) {
                    $name = $row['name'];
                    $balance = $row['balance'];
                }
            ?>
    <div data-role="content">
        <p>This is the landing page.</p>
        <p>Barcode = <?php echo $barcode;?></p>
        <p>Name = <?php echo $name;?></p>
        <p>Balance = $<?php echo $balance;?></p>
    </div>
    <div data-role="footer" data-position="fixed">
        <h4>XLX Glen Iris</h4>
    </div>
</div>

barcode.php（在提交表单之前显示，但之后不显示）

<div data-role="page" id="barcode">
    <div data-role="header">
        <h1>XLX Dashboard</h1>
    </div>

            <?php 
                include 'includes/menu.php';
                $barcode = $_POST['barcode'];
                $barcodesearch = $handler->query("SELECT * FROM customers WHERE barcode='$barcode'");
                while($row = $barcodesearch->fetch(PDO::FETCH_ASSOC)) {
                    $name = $row['name'];
                    $balance = $row['balance'];
                }
            ?>
    <div data-role="content">
        <p>Barcode = <?php echo $barcode;?></p>
        <p>Name = <?php echo $name;?></p>
        <p>Balance = $<?php echo $balance;?></p>
    </div>
    <div data-role="footer">
        <h4>XLX Glen Iris</h4>
    </div>
</div>

customerlookup.php（搜索条形码的表格）

<div data-role="page" id="customerlookup">
    <div data-role="header">
        <h1>XLX Dashboard</h1>
    </div>

            <?php include 'includes/menu.php'; ?>

    <div data-role="content">
            <form id="scanbarcode" action="index.php#barcode" method="POST">
                <p>
                    <label for "barcode">Barcode:</label>
                    <input type="text" name="barcode" id="barcodeinput">
                </p>
                <p>
                    <input type="submit" data-icon="search" id="scanbarcode" value="Search" class="ui-shadow ui-btn ui-corner-all ui-btn-inline">
                </p>
            </form>
    </div>
    <div data-role="footer">
        <h4>XLX Glen Iris</h4>
    </div>
</div>

表单提交后，无法在jquery mobile中使用锚标记

0 个答案: