2014-06-24 82 views
0

我正在开发一个应用程序使用Worklight Studio 6.1 我的问题是,当我点击html页面中的按钮时,它什么也不做。工作灯 - jQuery手机onclick()不工作

以下是我的代码:

SelectPosition.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    <title>Select Position</title> 
    <meta name="viewport" 
     content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> 
    <link href="../jqueryMobile/jquery.mobile-1.4.2.min.css" rel="stylesheet"> 
    <link href="../jqueryMobile/jquery.mobile.theme-1.4.2.min.css" rel="stylesheet"> 
    <script src="../jqueryMobile/jquery.mobile-1.4.2.js"></script> 
    <script src="../js/controllers/SelectPositionController.js"></script> 
</head> 
<body> 

    <a href="#" data-role="button" id="confirmBtn" onclick="confirmClick()">Confirm</a> 

</body> 
</html> 

SelectPositionController.js

function confirmClick() { 
    alert("I am an alert box!"); 
} 

感谢您的所有建议和解决方案。

诗篇。我的HTML文件位于“应用/保险/普通/视图/ SelectPosition.html” 和我的js文件位于“应用/保险/普通/ JS /控制器/ SelectPositionController.js”

[编辑]

我将我所有的.html文件合并到main.html文件中,一切正常。感谢您所有的解决方案;)

+1

预览在Chrome应用程序,打开Chrome浏览器开发工具,然后单击按钮 - 你怎么在控制台中看到了什么? –

+0

还提到如果你已经从index.html导航到这个views/SelectPosition.html,最重要的是 - 如何。如果您考虑到worklight是单页面应用程序(也就是说,在使用多页面时需要小心)导航,那么您可能已经丢失了Worklight上下文。 –

+0

您是否还试过在头标中使用“

0

的jsfiddle:http://jsfiddle.net/66Qbx/1/

HTML:

<a href="#" data-role="button" id="confirmBtn">Confirm</a> 

JQuery的:

$(function() { 
    $('#confirmBtn').on('click',function(){ 
     //Place code here 
     alert("I am an alert box!"); 
    }); 
});