ZK: Problème avec la méthode JavaScript invoquant de l'action dans Google Chrome

Question

J'ai un fichier adm avec la description de la fenêtre simple, qui contient le bouton avec l'action:

<?xml version="1.0" encoding="UTF-8"?> 
<zk xmlns:html="http://www.w3.org/1999/xhtml" 
    xmlns="http://www.zkoss.org/2005/zul" 
    xmlns:zk="http://www.zkoss.org/2005/zk" 
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
    xsi:schemaLocation="http://www.zkoss.org/2005/zul http://www.zkoss.org/2005/zul/zul.xsd"> 

    <window title="My First Window" border="normal" width="200px"> 
    <button label="click me" action="onclick:initObj()" /> 
     <script type="text/javascript" defer="true"> 
       function initObj() { 
        alert('initObj invoked'); 
        zkJScriptObject.init(); 
       } 
       zkJScriptObject = { 
        init: function() { 
        alert('init invoked'); 
        } 
       }; 
     </script> 
    </window> 
</zk> 

En cliquant sur le bouton ouvre avec succès la fonction Javascript initObj() et affiche des alertes dans FireFox et dans IE, mais dans Google Chrome provoque une erreur "Uncaught ReferenceError: initObj n'est pas défini". Avez-vous des suggestions, quelle est la raison de ce problème dans Google Chrome et comment puis-je le réparer?

P.S. J'utilise ZK 3.6.3.

PPS. Spécifié Description de Zul rend dans ce code html:

<div id="zkau_798" z.type="zul.wnd2.Wnd2" z.autoz="true" class="z-window-embedded" style="width:200px;" 
    z.zcls="z-window-embedded" z.minheight="100" z.minwidth="200"> 
    <div class="z-window-embedded-tl"> 
     <div class="z-window-embedded-tr"></div> 
    </div> 
    <div class="z-window-embedded-hl"> 
     <div class="z-window-embedded-hr"> 
      <div class="z-window-embedded-hm"> 
       <div id="zkau_798!caption" class="z-window-embedded-header">My First Window</div> 
      </div> 
     </div> 
    </div> 
    <div id="zkau_798!cave" class=" z-window-embedded-cnt"> 
    <span z.type="zul.btn.Button" id="zkau_799" class="z-button" z.zcls="z-button"> 
     <table id="zkau_799!box" 
        cellspacing="0" 
        cellpadding="0" border="0" 
        class="z-button" 
        onclick="initObj()" 
        style="-webkit-user-select: none; "> 
     <tbody> 
      <tr> 
       <td class="z-button-tl"> 
        <button id="zkau_799!real" class="z-button"></button> 
       </td> 
       <td class="z-button-tm"></td> 
       <td class="z-button-tr"></td> 
      </tr> 
      <tr> 
       <td class="z-button-cl"></td> 
       <td class="z-button-cm">click me</td> 
       <td class="z-button-cr"> 
        <div></div> 
       </td> 
      </tr> 
      <tr> 
       <td class="z-button-bl"></td> 
       <td class="z-button-bm"></td> 
       <td class="z-button-br"></td> 
      </tr> 
     </tbody> 
    </table> 
    </span> 
     <script id="zkau_800" type="text/javascript" defer="defer"> 
      function initObj() { 
       alert('initObj invoked'); 
       zkJScriptObject.init(); 
      } 
      zkJScriptObject = { 
       init: function() { 
        alert('init invoked'); 
       } 
      }; 
     </script> 
    </div> 
</div> 

Answer 1

Cette réponse vous donnera quelques points saillants sur l'utilisation de defer:

Defer Attribute (Chrome): What do defer and async mean?