jQuery 插件返回其初始化函数而不是调用插件的结果

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。

当我运行在页面加载后从浏览器控制台使用相同的 snackbar 初始化代码时，它运行没问题，并且 test returns <div> 我正在尝试加载的小吃店。

如何让 snackbar jQuery 插件在我的模板中工作，出了什么问题？谢谢！

Answer 1

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

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

jQuery 插件返回其初始化函数而不是调用插件的结果

jQuery plugin returning its init function rather than the result of calling the plugin

jquery

jquery-plugins

snackbar