显示使用jquery mobile扫描数据角色=页面上的条形码

Showing scans the barcode on the data-role = page, using jquery mobile

本文关键字：条形码 角色 数据 jquery mobile 扫描 显示      更新时间：2023-09-26

我试着用cordova做一个条形码扫描仪，运行得很好，但在我使用jquery手机扫描后，结果没有出现在页面上？

这是我的Html

<div data-role="page" id="home">
    <div data-role="header">
        <h1>Home</h1>
    </div>
    <div data-role="main" class="ui-content">
        <p>
            <button id="startScan">Start Scan</button>
        </p>
    </div>
</div>
<div data-role="page" id="results">
    <div data-role="header">
        <h1>Reslut</h1>
    </div>
    <div data-role="main" class="ui-content">
        <div id="results"></div>
    </div>
</div>

javascript

    document.addEventListener("deviceready", init, false);
    function init() {
        document.querySelector("#startScan").addEventListener("touchend", startScan, false);
        resultDiv = document.querySelector("#results");
    }
    function startScan() {
        cordova.plugins.barcodeScanner.scan(
            function (result) {
                var s = "Result: " + result.text + "<br/>" +
                "Format: " + result.format + "<br/>" +
                "Cancelled: " + result.cancelled;
                resultDiv.innerHTML = s;
            },
            function (error) {
                alert("Scanning failed: " + error);
            }
        );
    }

您有两个ID为result的div，ID应该是唯一的。我会将带有data-role="page"的div的ID更改为pageResults。

此外，您还必须更改到显示结果的结果页面。

试试这个：

$("mobile-pagecontainer" ).pagecontainer( "change", "#results")，然后在该结果分区上设置innerHTML。

页面容器更改文档

相关文章：