Div 类在 jQuery 内部不起作用，但在外部起作用答案

【问题标题】：Div class not working inside jQuery but works outsideDiv 类在 jQuery 内部不起作用，但在外部起作用
【发布时间】：2016-07-11 20:57:11
【问题描述】：

我对 jQuery 追加 div 有疑问。当我在脚本之外对其进行测试时，它工作得非常好，但是当 div 在 jQuery 中时没有任何显示。

$('#id').append("<tr><td><div class='rate2' data-rate-value = '4'></div></td></tr>");

我正在使用这个评分系统 - http://auxiliary.github.io/rater/

例如，这也有效：

$('#id').append("<tr><td><div>Something</div></td></tr>");

【问题讨论】：

会是时机吗？也许您在评级系统启动后添加此 div？
嗯，不。我尝试在脚本之前和之后启动它，但问题仍然存在。另外我应该注意，这个脚本在我的表中附加了一行，但是是一个空的（应该有星号:(）。正如我所说，当我把这个 div 放在文档中的任何地方时，它可以工作。
“div 在 jQuery 中”是什么意思？ jQuery是一个库，里面怎么会有DIV？
你能制作一个可执行的sn-p来演示这个问题吗？

标签： jquery html

【解决方案1】：

你应该先添加你的 div 然后添加 rate 方法。

$('#id').append("<tr><td><div class='rate2' data-rate-value = '4'></div></td></tr>");

$(.rate2).rate();

如果你在初始化 div 之前编写 rate 方法将不会显示任何内容。

我下载了评分者库，这段代码在我身上运行。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Example</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

    <script src="http://code.jquery.com/jquery-1.11.3.min.js" charset="utf-8"></script>
    <script src="rater.js" charset="utf-8"></script>
    <script>
        $(document).ready(function(){

           $('#id').append("<tr><td><div class='rate' data-rate-value = '4'></div></td></tr>");

           $(".rate").rate();   

        });

    </script>

</head>
<body>

    <div id="id">

    </div>

</body>
</html>

【讨论】：

就是这样。非常感谢@Mehmet abi :)