ボックスをトップに移動する（Z-インデックス）

Question

私はクリック可能なアイコンを備えたツールバーを使って、仮想デスクトップのように機能するアプリケーションを持っています。アイコンがクリックされると、どのアイコンがクリックされたかに関する異なる内容のウィンドウのようなボックスが開かれる（動的に作成される）。

"moveOnTop（）"（以下を参照）という関数は、ウィンドウの作成時に呼び出され、clickイベントはそのウィンドウにバインドされます。複数のウィンドウが開かれ、ユーザーが別のウィンドウの背後にあるウィンドウをクリックすると、クリックされたウィンドウが上部に移動します。問題の今

...

アイコンのひとつをクリックし、ボックスには、サムネイル画像の束を示す開かれ、サムネイルの1つをクリックするときに新しいウィンドウがその特定の画像で開かれています。画像が表示されているウィンドウを一番上に移動する必要がありますが、クリックされたサムネイルボックスのクリックイベントは、画像が作成された後に発生し、そのウィンドウがトップ。

私は他の言葉でこの問題を説明する方法を知らなかったし、あなたが私の意味を理解できることを願っています。私は何時間もこの問題に苦労しているので、本当に感謝しています。

Windows.prototype.buildWindow = function(){ 

    // a function that created the boxes 

    Windows.prototype.moveOnTop(); 
} 

Windows.openedImg = function(){ 

    // a function that creates the box with the clicked image 

    var thisWindow = $(this); 
Windows.prototype.getZindex(thisWindow); 
} 

Windows.prototype.moveOnTop = function(){ 

var boxes = $('.window'); 

    boxes.click(function() { 

     var thisWindow = $(this); 
     Windows.prototype.getZindex(thisWindow); 
    }); 
} 

Windows.prototype.getZindex = function(thisWindow){ 

var boxes = $('.window'); 
var maxZindex = 0; 

    boxes.each(function() { 

     var zIndex = parseInt($(this).css('z-index'), 10); 
     maxZindex = Math.max(maxZindex, zIndex); 
    }); 

thisWindow.css("z-index", maxZindex + 1); 
} 

Answer 1

HTML：

<img onclick="openWindow(true)" ... /> 

Javascriptを：

function openWindow(doNotGoToTop) { 
    ... //open window 
    if (!doNotGoToTop) { 
     ... //go to top 
    } 
}