0

すべての div と CSS を含む HTML ページがあり、そのページは jQuery ダイアログを介して ASPX ページに表示されます。CSS を ASPX ページと HTML ページに適用しましたが、まだ CSS が適用されていません。

次のコードがあります。

<script type="text/javascript">

    $(function () {
        $('#Dialog').dialog({
            autoOpen: false, width: 800, height: 600, modal: true            
        });
    });


    $('.mosaic-overlay').live('click', function (e) {
        var url = $(this).attr('href');

        alert(url);

        $('#Dialog').html('').dialog('open').load(url);

        //        .load(url);
        e.preventDefault();
    });
</script>

CSS を HTML ページに動的に適用するにはどうすればよいですか?

4

2 に答える 2

0

CSS がすでにページに読み込まれている可能性があります。load
を 呼び出すと、コンテンツが読み込まれ、これが要素の innerHtml として設定されます。ページのすべての CSS ルールが適用されます。

または、必要な CSS は、URL からロードする html の一部である可能性があります。
これらの CSS ルールは、コンテンツが表示される前に作成および適用されます。この方法は、すでにページに CSS がある場合よりも遅くなります。

于 2012-08-24T08:56:48.950 に答える
0

css を動的に設定するために、JQuery には css メソッドがあります - こちらを参照してください...

http://api.jquery.com/css/

于 2012-08-24T08:56:59.763 に答える