jquery mobileを使用してdata-role =ページのバーコードをスキャンする

Question

コードバでバーコードスキャナを作成しようとしていて、うまく動作していますが、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); 
      } 
     ); 

    } 

Answer 1

あなたはID resultを持つ2つのdiv要素を持っている、IDは一意である必要があります。私はdata-role="page"でdivのIDをpageResultsに変更します。

また、結果ページに変更して結果を表示する必要があります。あなたはその結果のdivのinnerHTMLにセットする前に

$("mobile-pagecontainer").pagecontainer("change", "#results")：

はこれを試してみてください。私がしようが、私はあなたがサンプルスクリプトを書くことができ、ボタンのスキャンを実行することはできませんクリックしてくださいよ

Pagecontainer change docs