在div加载时未调用jquery函数

我已经构建了一个简单的wordcloud生成器函数，当wordcloud应该在其中显示的div加载时，就会触发get

此功能用于我的web应用程序的两个不同页面

下面是保存在名为keywords.js的文件中的jquery

var text = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus id tincidunt purus. Maecenas mi erat, gravida eget nisl vel, ultricies vehicula leo.";
var word_list = text.split(/\W+/);
var used;

function populateKeywordCloud(wordCount, selector) {
for (i = 0; i < wordCount ; i++) {
    used = Math.floor((Math.random() * 10) + 1);
    $(selector + ' #keyword_cloud .dataBoxContent').append('<span class="cloud_' + used + '" title="Keyword used ' + used + ' times" ">' + word_list[i] + '</span> ');
}
}

$('.summary_page').ready(function () {
populateKeywordCloud(30, '.summary_page');
});    

这对我来说很奇怪。有人知道为什么会发生这种情况吗？

“DOM就绪后要执行的函数。”

你不能用那种方式使用ready。ready（）仅用于知道何时加载DOM

$（文件）.ready（功能）；这是一条路要走。（加载所有DOM时）不带选择器

---

但是，我不知道为什么该函数在另一个文件中时会被触发。可能是选择器把事情弄糟了。

对不起，浪费了大家的时间！我在调用另一个.js函数，该函数在调用该函数的页面中丢失

---

现在一切正常

尝试在控制台中调试，并确保您的javascript不会与其他脚本冲突。。

<section class="dataBox" id="keyword_cloud">
        <header class="dataBoxHeader">
            <a href="keyword_cloud.html" title="View more">Keyword Cloud <img src="img/view_more.svg" height="12" title="View more" class="view_more" /></a>
            <div class="minimise">
                <img src="img/minimise.svg" title="Minimise section" class="minIcon" width="15" height="15" onclick="toggleDataBox('keyword_cloud')" />
            </div>
        </header>
        <div class="dataBoxContent">                
        </div>
        <a href="keyword_cloud.html" class="view_more_summaryP" title="Click for more information">View more</a>
</section>

$('.summary_page').ready(function () {
populateKeywordCloud(30, '.summary_page');
});