Worklight - jQuery mobile onclick () не работает

#javascript #html #jquery-mobile #ibm-mobilefirst

#javascript #HTML #jquery-мобильный #ibm-mobilefirst

Вопрос:

Я разрабатываю приложение с использованием Worklight Studio 6.1. Моя проблема в том, что когда я нажимаю кнопку на HTML-странице, она ничего не делает.

Ниже приведен мой код:

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-файл находится в «apps/Insurance/common/views/SelectPosition.html « и мой js — файл находится в «apps/Insurance/common/js/controllers/SelectPositionController.js «

[ПРАВИТЬ]

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

1. Просмотрите приложение в Chrome, откройте инструменты разработчика Chrome и нажмите кнопку — что вы видите в консоли?

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

3. Вы также попытался просто пишу скрипт в теги < Head > с «<script>» tags to see if it runs. Это может подтвердить, является ли это ошибкой навигации по файлам или синтаксической ошибкой js

Ответ №1:

Если вы используете jquery-mobile, избегайте добавления атрибута в html-тег, добавьте событие щелчка с помощью кода jquery, например

 $('#control-id').on('click',function(){
      //Place code here
});

Ответ №2:

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!");
    });
});