1

simplemodal jquery プラグインに付属するデフォルトの stlyesheet の設定を、IE7 では正常に動作するが Firefox や Chrome では動作しない containerCSS でオーバーライドしようとしました。これがバグなのか、何か間違ったことをしているのかはわかりません。

jQuery コード:

$(document).ready(function() {
    $("#ButtonPopup").click(function() {
        $("#addEditTask").modal({
            onOpen: modalOpen,
            persist: true,
            containerCss: ({ width: "300", height: "200", marginLeft: "-150" })
        });
        return false;
    });
});

HTML コード:

<button id="ButtonPopup">Popup</button>
<div id="addEditTask" style="display:none;">
     <p>Aliquam nonummy adipiscing augue. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
     Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada
     libero, sit amet commodo magna eros quis urna.</p>
     <button id="ButtonSave">Save</button>
     <button id="ButtonCancel">Cancel</button>
</div>

動作するデモと、自分でテストできるコードの zip ダウンロードについては、こちらを参照してください。

4

3 に答える 3

2

GeckoとWebKitベースのブラウザは本当に彼らのユニットが好きです。常に自分の価値観を測定する方法を教えてください。

また、メモとして、cssファイルのインラインスタイルをオーバーライドする場合は、値の最後に！importantを追加することでオーバーライドできます。

高さ：300px！重要;

インラインスタイルを上書きします。

乾杯！

于 2008-10-27T15:48:19.193 に答える
2

Eric Martin は、jquery メーリング リストを介してこれに回答しました。

http://groups.google.com/group/jquery-en/browse_thread/thread/90e58bb317002361

IE では検出できたが、Firefox では検出できなかったユニットは除外しました。

于 2008-10-26T23:40:01.567 に答える
0

代わりに jqModal を見てみましょう。

于 2008-10-26T20:22:25.380 に答える