2013-06-19 2 views
1

Я пытаюсь следовать this guide. Я сталкиваюсь с проблемой, когда пытаюсь изменить файл HTML, когда пользователь нажимает кнопку.IBM Worklight - нажатие кнопки для перехода на другую страницу HTML не работает (приложение с несколькими страницами)

Это мой сценарий:

<script> 
     window.$ = window.jQuery = WLJQ; 
     $("#btnPromo").click(function(){ 
      $("#pagePort").load("pages/MainPage.html", function(){ 
       alert("loaded!"); 
      }); 
     }); 
    </script> 

И это мой основной HTML-файл (автогенерируемая от Worklight):

<body onload="WL.Client.init({})" id="content" style="display: none;"> 
<!--application UI goes here--> 
<div data-role="page" id="pagePort"> 
    <div id="header" align="center"> 
     <img src="images/logo.png"> 
    </div> 

    <div data-role="content"> 
     <div> 
      <input type="image" name="btnPromo" src="images/btnHotPromo.png" width="75%"/> 
     </div> 
     <div> 
      <input type="image" name="btnMall" src="images/btnMall.png" width="75%"/> 
     </div> 
     <div> 
      <input type="image" name="btnOutlet" src="images/btnOutlet.png" width="75%"/> 
     </div> 
     <div> 
      <input type="image" name="btnAbout" src="images/btnAbout.png" width="75%"/> 
     </div> 
    </div> 
</div> 

Моя цель состоит в том, чтобы изменить #pagePort к MainPage.html каждый раз, когда пользователь нажимает на #btnPromo.

+1

Какова ваша версия Worklight ? У вас есть ошибки? Нажмите на кнопку консоли разработчика в Chrome. –

+0

@IdanAdar Спасибо за помощь, я исправил ее. Его ошибка начинающего: D –

ответ

1

Ответ я забыл добавить$(function(){}); в начале кода, так что код должен быть:

$(function(){ 
     $("#btnPromo").click(function(){ 
      $("#pagePort").load("pages/MainPage.html", function(){ 
       alert("loaded!"); 
      }); 
     }); 
}); 

И все будет в порядке: D

+0

Пожалуйста, отметьте как ответ. :) –

+0

Ups..извините, я забыл его, иногда я должен подождать 24 часа, чтобы отметить его. Спасибо –

Смежные вопросы