2013-03-13 3 views
0

меня это зрелище событие:ToolBarButton не запускающее событие

WLJQ('button#refreshBte').bind('click', function() { 
     console.log("start refresh..."); 
    }); 

Может кто-нибудь объяснить мне, почему:

это работает с:

<div data-dojo-type="dojox.mobile.Heading" 
     data-dojo-props='fixed:"top"'> 
     Header 
    </div> 
    <button id="refreshBte" data-dojo-type="dojox.mobile.Button" 
      style="float: right">Refresh</button> 

и не работает с:

<div data-dojo-type="dojox.mobile.Heading" 
     data-dojo-props='fixed:"top"'> 
     Header 
     <button id="refreshBte" data-dojo-type="dojox.mobile.ToolBarButton" 
      style="float: right">Refresh</button> 
    </div> 

Это не так, если Я заменяю ToolBarButton кнопкой.

Thx


Edit: Как это не работает для меня, я создал простой проект WL и добавил заголовок и toolbarbutton, здесь HTML:

<!DOCTYPE HTML> 
<html> 
<head> 
<meta charset="UTF-8"> 
<title>Test</title> 
<meta name="viewport" 
    content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 
<meta name="apple-mobile-web-app-capable" content="yes"> 
<link rel="shortcut icon" href="images/favicon.png"> 
<link rel="apple-touch-icon" href="images/apple-touch-icon.png"> 
<link rel="stylesheet" href="css/Test.css"> 
<script> 
    window.$ = window.jQuery = WLJQ; 
</script> 
<script type="text/javascript" 
    data-dojo-config="isDebug: false, async: true, parseOnLoad: true, mblHideAddressBar: false" 
    src="dojo/dojo.js"></script> 
</head> 
<body id="content" style="display: none;"> 
    <div data-dojo-type="dojox.mobile.ScrollableView" id="view0" 
     data-dojo-props="selected:true"> 
    <div data-dojo-type="dojox.mobile.Heading" 
     data-dojo-props="label:'Heading'"> 
      <button data-dojo-type="dojox.mobile.ToolBarButton" id="refreshBte">Label</button> 
     </div> 

    </div> 
    <!--application UI goes here--> 
    <script src="js/initOptions.js"></script> 
    <script src="js/Test.js"></script> 
    <script src="js/messages.js"></script> 
</body> 
</html> 

«Главная страница дизайнер "показывает заголовок и панель инструментов, но когда я запускаю его на эмуляторе Android, у меня есть черный экран! Любая идея?

ответ

1

Возможно, потому, что вы связываете событие с помощью синтаксиса JQuery?

То же разметка отлично работает для меня, используя этот Dojo код:

require([ 
    "dojo/ready", 
    "dijit/registry" 
], function(ready, registry){ 
    ready(function(){ 
     registry.byId("refreshBte").on("click", function(){ 
      console.log("start refresh..."); 
     }); 
    }); 
}); 
+0

я попытаюсь, но между тем как вы думаете, мой JQuery является правильным? – ITDoVe

+0

Я попробовал, но у меня не было видно, что виджет на Android, поэтому я создал простой проект WL для тестирования (см. Html выше), но получил черный экран на Android. Не знаю, почему? Это поможет мне исследовать дальше. Thx – ITDoVe