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

时间:2015-07-23 15:27:08

标签: jquery jquery-plugins snackbar

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

rbind.data.frame

我需要使用Browserify插件:

<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>

现在,我的var $ = require('jquery'); require('snackbarjs'); 变量的输出是

test

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

当我在页面加载后从浏览器控制台运行相同的零食栏初始化代码时,它运行正常,jQuery.fn.init[1] 返回我尝试加载的零食店的test

如何在我的模板中使用snackbar jQuery插件,以及出了什么问题?谢谢!

1 个答案:

答案 0 :(得分:1)

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

我将调用包装在$(document).ready中的jQuery插件中,它运行正常。