PhoneGap 在点击 jQuery 时实施条码扫描器
PhoneGap Implementing BarCode Scanner on click with jQuery
我是 PhoneGap 的新手,我正在尝试实现条形码扫描器应用程序以在单击按钮时执行。我已将以下内容添加到 config.xml:
<gap:plugin name="com.phonegap.plugins.barcodescanner" version="2.2.0" />
我的 HTML 看起来像这样:
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8" />
<meta name="format-detection" content="telephone=no" />
<meta name="msapplication-tap-highlight" content="no" />
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
<link type="text/css" rel="stylesheet" href="js/jQuery.mmenu-master/demo/css/demo.css" />
<link type="text/css" rel="stylesheet" href="js/jQuery.mmenu-master/dist/css/jquery.mmenu.all.css" />
<script type="text/javascript" src="js/jquery.1.11.2.min.js"></script>
<script type="text/javascript" src="js/jQuery.mmenu-master/dist/js/jquery.mmenu.min.all.js"></script>
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript">
$(document).on('click','#employeeScan',function(e) {
$("#results").html("I am now scanning");
window.plugins.barcodeScanner.scan( function(result){
$("#results").html("We got a barcode\n" +
"Result: " + result.text + "\n" +
"Format: " + result.format + "\n" +
"Cancelled: " + result.cancelled);
}, function(error){
$("#results").html("Scanning failed: " + error);
});
});
</script>
</head>
<body>
<div id="page">
<div class="header">
</div>
<div class="content">
<button id="employeeScan">Scan Badge</button>
<div id="results"></div>
</div>
</div>
</body>
当我单击该按钮时,我看到了最初的 "I am now scanning" 文本,仅此而已。不知道插件配置是否正确
而不是
window.plugins.barcodeScanner.scan( function(result){
使用:
cordova.plugins.barcodeScanner.scan(function(result(){
我是 PhoneGap 的新手,我正在尝试实现条形码扫描器应用程序以在单击按钮时执行。我已将以下内容添加到 config.xml:
<gap:plugin name="com.phonegap.plugins.barcodescanner" version="2.2.0" />
我的 HTML 看起来像这样:
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8" />
<meta name="format-detection" content="telephone=no" />
<meta name="msapplication-tap-highlight" content="no" />
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
<link type="text/css" rel="stylesheet" href="js/jQuery.mmenu-master/demo/css/demo.css" />
<link type="text/css" rel="stylesheet" href="js/jQuery.mmenu-master/dist/css/jquery.mmenu.all.css" />
<script type="text/javascript" src="js/jquery.1.11.2.min.js"></script>
<script type="text/javascript" src="js/jQuery.mmenu-master/dist/js/jquery.mmenu.min.all.js"></script>
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript">
$(document).on('click','#employeeScan',function(e) {
$("#results").html("I am now scanning");
window.plugins.barcodeScanner.scan( function(result){
$("#results").html("We got a barcode\n" +
"Result: " + result.text + "\n" +
"Format: " + result.format + "\n" +
"Cancelled: " + result.cancelled);
}, function(error){
$("#results").html("Scanning failed: " + error);
});
});
</script>
</head>
<body>
<div id="page">
<div class="header">
</div>
<div class="content">
<button id="employeeScan">Scan Badge</button>
<div id="results"></div>
</div>
</div>
</body>
当我单击该按钮时,我看到了最初的 "I am now scanning" 文本,仅此而已。不知道插件配置是否正确
而不是
window.plugins.barcodeScanner.scan( function(result){
使用:
cordova.plugins.barcodeScanner.scan(function(result(){