-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 回答