2

いくつかのcss+javascriptに問題があります。ほら、私はある種のwysiwyg Webページスタイルエディタを作成しようとしています。このエディタには、このようなコードを含むWebページをロードするiframeがあります。

<head>
<style id=mystyle>
  /* something is here */
</style>
</head>
<body>
  <h1>Other, quite a lot autogenerated stuff along with javascript that add some interactivity.</h1>
</body>

次に、＃mystyleのコンテンツを変更して、リアルタイムでページに反映されるようにする必要があります。jqueryを使用して、次のようないくつかの手法を使用してこれを実行しようとしました。

  1. $(#mystyle).html(newcss);
  2. $(#mystyle).replaceWith("<style id='mystyle'>"+newcss+"</style>")
  3. $(#mystyle).after("the newcss along with style tag")、次に古いものを削除します。
  4. $(#mystyle).delete()//何が起こるかを見るためだけに。

上記のすべては、Webページの外観を変更できません。実際、タグ（4.）を削除しても、ページが見苦しくならず、「要素の検査」を使用して確認しました。htmlは変更されますが、外観は変更されません。だから....私は何を間違えましたか？

4

2 に答える 2

2

使用htmlはうまくいくようです。見る：

http://jsfiddle.net/tGSkS/

于 2012-05-15T18:31:32.223 に答える
0

ページの読み込み時にスタイルを設定する特定の要素がある場合は、次の操作を実行できます

$(function(){

  $('element-selector').css({
     style1:'value',
     style2:'value',
     style2:'value',
   });  

});

またはサーバー上で、条件付きでスタイルシートをレンダリングまたは動的に作成します。

于 2012-05-15T18:02:15.583 に答える