0

jQuery を使用して、ウィンドウ指向のオペレーティング システムっぽいアプリケーションを作成しています。1 つのウィンドウがクリックされると、それ自体が親要素に追加され、視覚的に他のウィンドウの上に配置されます。ただし、ウィンドウ内にボタンがある場合は、ウィンドウが親要素に追加されるまでクリックできません。つまり、もう一度クリックする必要があります。誰かが理由を知っていますか？

ここに私のサイトがあります: http://faithserve.com/jOS/v2/

サイトでは、テスト ボタンをクリックするとconsole.log("test").

コードはかなり複雑ですが、追加スクリプトは基本的に次のとおりです。

$(this.element).on("mousedown",function(e){
  thisWindow.app.menubar.display();
  if (!$(thisWindow.element).is(':last-child')) {
    $("#desktop").append(thisWindow.element);
  }
});

編集

上記の私のサイトへのリンクは将来修正されるかダウンする可能性があるため、問題を示すフィドルを次に示します: http://jsfiddle.net/QhZr6/1/

4

1 に答える 1

0

こんにちは、これは最もエレガントな解決策ではないかもしれませんが、次のようなことを試すことができます:

$("button").on("click", function () {
    $("#message").html($("#message").html() + $(this).attr("id"));
});

$(".win").on("mousedown", function () {
    var $this = $(this);
    setTimeout(function () {
        $("#con").append($this);
    }, 100);
});

編集：.on("click", function() {...} )イベントハンドラーをオブジェクトにバインドするために 使用することをお勧めします

ここでjsFiddler を更新しました。

于 2013-07-29T20:14:23.147 に答える