jquery - jQuery 插件返回它的 init 函数而不是调用插件的结果

Question

我正在使用snackbarjs jQuery 插件。我在我的 Django 模板中这样调用它：

<script>
    var options = {
        content: "Testing some Some snackbar text",
        // style: "toast", 
        timeout: 0,
        //htmlAllowed: true 
    };
    var test = $.snackbar(options);
    console.log('test is: ');
    console.log(test);
</script>

我需要使用 Browserify 的插件：

var $ = require('jquery');
require('snackbarjs');

现在，我的test变量的输出是

jQuery.fn.init[1]

...我相信这是初始化snackbarjs 本身的结果。它应该返回 Snackbar 的 HTML。

当我在页面加载后从浏览器控制台运行相同的小吃店初始化代码时，它运行良好，并test返回<div>我正在尝试加载的小吃店。

我怎样才能让小吃栏 jQuery 插件在我的模板中工作，出了什么问题？谢谢！

Answer 1

javascript 函数在 DOM 准备好之前调用。该插件将它生成的 div 附加到 DOM 的末尾，并在 DOM 仍在绘制时调用它，我怀疑这会覆盖<div>.

我包装了对 jQuery 插件的调用，$(document).ready它工作正常。