-1

次のコードがあり、出力中にCSSを適用していませんが、コードをhtml CSSにコピーすると問題なく動作しますが、このコードを実行すると機能しません:

var str_row;
str_row = '<div style="width:90%; float: left"> ';
str_row +='<div style="width:15%; float: left"> ';
str_row += '<div class="switch switch-square" ' ;
str_row += 'data-on-label="<i class='fui-check'></i>" ' ;
str_row += 'data-off-label="<i class='fui-cross'></i>" /> ' ;
str_row += '<input type="checkbox" checked></input> </div> ';
str_row += '</div> ';
str_row += "</div><div style='clear: right;'></div> ";

$("#row2").append(str_row);

HTML部分は次のとおりです。

<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>###</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="js/jquery.min.js"></script>  
    <link href="common.css" rel="stylesheet" />
    <script src="my.js"></script>
</head>

<body>
    <div id="row2"></div>
</body>
</html>

CSS クラスを JQuery Append またはその他の関数で動作させるために知っておく必要があることはすべてです。

ありがとう。

4

1 に答える 1

0

うーん、次のようなことを意味しますか:

http://jsfiddle.net/cfknoop/e8wwb/

str_row = '<div class="test1"> ';


 .test1 {
    width:90%; float: left
 }
于 2013-08-28T19:09:47.447 に答える