-1
지난 2 일 동안 찾고 있었으며 해결책을 찾을 수없는 것 같습니다.내 Cordova 프로젝트가 jquery에 응답하지 않았습니다.
검색 가능한 목록보기에서 모든 회사 직원을 나열하는 작은 응용 프로그램을 얻는 데 어려움을 겪고 있습니다. 시뮬레이터와 아이폰 모두에서 코드 작업을 할 수 있었지만 검색 가능한 listview를 작성하기위한 jquery 관련 부분은 표시되지 않습니다. 나는 js와 css 링크로 double과 triple을 확인했지만 여전히 우둔하다고 생각합니다. 어떤 도움이라도 대단히 감사 할 것입니다.
현재, Xcode 4.5.2, Jquery-mobile-1.2.0 및 cordova-2.3을 사용하고 있습니다.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="format-detection" content="telephone=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" />
<script type="text/javascript" src="js/jquery.mobile-1.2.0.js"></script>
<script type="text/javascript" src="js/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="cordova-2.3.0.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<link rel="stylesheet" type="text/css" href="css/index.css" />
<link rel="stylesheet" type="text/css" href="css/styles.css" />
<link rel="stylesheet" type="text/css" href="css/jquery.mobile-1.2.0.min.css" />
</head>
<body>
<div data-role="page">
<div data-role="header" id="header" class="header">
<h1>MIT Employees</h1>
</div><!-- /header -->
<div data-role="content" id="header2">
<h2>Select Employee</h2>
</div><!-- /content -->
<div id="wrapper">
<ul data-role="listview" data-inset="true" data-filter="true"><div data-role="content" id="employeeList"></div></ul>
</div>
<div id="busy"/>Loading...</div>
<script src="js/phonegap.js"></script>
<script src="js/iscroll.js"></script>
<script src="js/getEmpList.js"></script>
<script src="js/employ.js"></script>
</div>
</body>
</html>
그리고 여기에 자바 스크립트 :
var db;
var dbCreated = false;
var scroll = new iScroll('wrapper', { vScrollbar: true, hScrollbar:false, hScroll: false });
//add listener when device ready
document.addEventListener("deviceready", onDeviceReady, false);
//function will be called when device ready
function onDeviceReady() {
db = window.openDatabase("EmployeeDirectoryDB", "1.0", "MIT Employee Database", 200000);
if (dbCreated)
db.transaction(getEmployees, transaction_error);
else
db.transaction(populateDB, transaction_error, populateDB_success);
}
function transaction_error(tx, error) {
$('#busy').hide();
alert("Database Error: " + error);
}
function populateDB_success() {
dbCreated = true;
db.transaction(getEmployees, transaction_error);
}
function getEmployees(tx) {
var sql = "select * from employees order by lname, fname";
tx.executeSql(sql, [], getEmployees_success);
}
function getEmployees_success(tx, results) {
$('#busy').hide();
var len = results.rows.length;
for (var i=0; i<len; i++) {
var employee = results.rows.item(i);
$('#employeeList').append('<li data-icon="arrow-r"><a href="employeedetails.html?id=' + employee.id + '">' +
'<p class="line2">' + employee.empid + ' ' + employee.lname + ', ' + employee.fname + '</a></li>');
}
setTimeout(function(){
scroll.refresh();
},100);
db = null;
}