0

皆さんがこの情報だけで私を助けることができるかどうかはわかりませんが、それでも不十分な場合は、私に聞いてください。私が提供します。

アニメーションを使用してダイアログを表示しました。それはすべての上に作成されます。私はカスタムz-indexを使用しておらず、通常の機能だけを使用しています。

以前に表示された別のダイアログ内にあるdivです。アニメーション（「ブラインド」）の間、それはそれが含まれているダイアログの後ろに表示されますが、最後には通常このダイアログの上に表示されます。

アニメーション中もすべての上にこの「子」ダイアログが表示されるように修正する必要があります。

これはコードです：

$("#childDialog").dialog({
        autoOpen: false,
        show: {
            effect: "blind",
            duration: 1000
        },
        hide: {
            effect: "blind",
            duration: 1000
        },
        position: {
            my: "left top",
            at: "left bottom",
            of: "#isCertifiedAdd"
        }
    });

そしてhtml：

<div id='parentDialog'>
    ... some html
    <div id="childDialog">
        ... more html
    </div>  
</div>

ありがとう。

4

1 に答える 1

1

$('#childDialog').dialog('moveToTop')電話をかける前に使用する$('#childDialog').dialog('show')

HTML

<div id='parentDialog'>
    <button id='button'>Open Child</button>
    <div id='parentHtml'>... parent html</div>
    <div id="childDialog">
        <div id='childHtml'>... child html</div>
    </div>
</div>

JS

$('#parentDialog').dialog({
    height: 300,
    width: 300
});

$("#childDialog").dialog({
    autoOpen: false,
    height: 300,
    width: 300,
    show: {
        effect: "blind",
        duration: 1000
    },
    hide: {
        effect: "blind",
        duration: 1000
    },
    position: {
        my: "left top",
        at: "left bottom",
        of: "#parentHtml"
    }
});

$('#parentDialog').click(function () {
    $('#childDialog').dialog('moveToTop');
    $('#childDialog').dialog('open');
    event.stopPropagation();
});

http://jsfiddle.net/DL5w9/

于 2013-02-02T02:11:31.093 に答える