2014-06-24 4 views
0

Я разрабатываю приложение, используя Worklight Studio 6.1 Проблема заключается в том, когда я нажимаю кнопку на странице html, она ничего не делает.Worklight - jQuery mobile 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!"); 
} 

Благодарим Вас за все предложения и решения.

Ps. Мой HTML файл находится в "приложения/Страхование/общее/просмотров/SelectPosition.html" и мой файл JS находится в "приложения/Страхование/общие/JS/контроллеры/SelectPositionController.js"

[EDIT]

Я объединил все мои .html-файлы в файл main.html, и все в порядке. Спасибо за все решения;)

+1

Preview приложение в Chrome, откройте хром Dev инструментов и нажмите на кнопку - то, что вы видите в консоли? –

+0

Также упоминайте, если вы перешли от index.html к этим представлениям/SelectPosition.html и, самое главное, КАК. Возможно, вы потеряли контекст Worklight, если вы перемещаете w/out, принимая во внимание, что рабочий свет является одностраничным приложением (что означает, что при использовании многостраничных страниц вам нужно быть осторожным). –

+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!"); 
    }); 
}); 
Смежные вопросы