Question

我有以下代码并且在输出期间没有应用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>

我需要知道在JQuery Append或任何其他函数下使CSS类工作。

感谢。

Answer 1

嗯，你的意思是这样的：

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

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


 .test1 {
    width:90%; float: left
 }

jQuery append忽略内联CSS

1 个答案: