2

JQuery .html() 関数を使用してページにフィールドを挿入します。フィールドにはクラス属性がありますが、ページのヘッダー部分で宣言されている CSS が要素に適用されないようです。

魔法のように機能する #editZone 入力セレクターがあるので、クラスセレクターに影響を与えるだけだと思います。

コードサンプルは次のとおりです。

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
<style type="text/css">
    #editZone input, #editZone textarea, #editZone select{
        border:0px;
    }

    #editZone .dependant {
        background-color:#CCC;
        border-bottom:1px solid #333;
    }
    #editZone .original {
        background-color:#FFF;
        border-bottom:1px solid #300;
    }
</style>

</head>
<body>

    <div id="headZone">
        Template:
        <select id="template">
        </select>
        <input type="button" id="generateTpl" value="Go" />
    </div>
    <div id="editZone" style="background-color:#ccc;">content will be filled here upon template selection</div>
    <div id="previewZone">final</div>
</body>
</html>

コンテンツのサンプルは次のとおりです (firebug から):

<div style="background-color:#ccc;" id="editZone"><br>
<br>
Name - <input type="" class="original" value="" name="first_name" id="first_name_1"> <input type="" class="original" value="" name="last_name" id="last_name_1"><br>
Title<br>
...
4

2 に答える 2

1

スタイル宣言で、クラス名と { の間に奇妙なスペースがありました。

于 2012-11-16T23:11:15.380 に答える
1

HTMLタグを閉じる必要があります。そうすればうまくいくはずです。"<tagname />"またはのようにタグを閉じます"<tagname></tagname>"。入力、br、および開いているすべてのタグが閉じられていないことを意味します。

それが役に立てば幸い。

乾杯

于 2012-11-16T21:06:29.240 に答える