“不是函数” javascript错误（jquery floatbox插件）

Question

我一直想知道为什么 floatbox 插件无法将 div 容器放在页面的右下角。 http://www.phpletter.com/Demo/Jquery-Floating-Box -插件/ 今天我用firebug检查了我的网站，发现了这个错误：

$("#thediv").floating 不是 功能

在线：$("#thediv").floating({targetX:"right", targetY:"底部"});

这是代码：

<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/jquery.floatingbox.js"></script>
<script type="text/javascript">
    jQuery.noConflict();
    jQuery(document).ready(
        function(){
            jQuery("#thediv").floating({targetX:"right", targetY:"bottom"});
        }
    );
</script>

浮动函数在插件中是这样创建的：

jQuery.fn.floating = function(options)
{
    return jQuery(this).each(

        function(i)
        {
            var nextIndex = 0;
            for(var index in funcFloating)
            {
                nextIndex = parseInt(index);
            }
            funcFloating[nextIndex + 1] = {};
            funcFloating[nextIndex + 1].box = this;
            funcFloating[nextIndex + 1].obj = new floatingBox(this, options, (nextIndex + 1));
            funcFloating[nextIndex + 1].func = function(){ funcFloating[nextIndex + 1].obj.doFloat(); };
            if (document.layers)
            {
                funcFloating[nextIndex + 1].obj.init();
            }else
            {

                funcFloating[nextIndex + 1].obj.init();
                funcFloating[nextIndex + 1].obj.initSecondary();
            }

        }
    );
};

我能做些什么来解决这个问题？ 当查看插件示例页面上的源代码时，我发现使用了与我自己的页面相同的代码。

如果这是某种冲突错误，那么第一次使用“$”（在“$(document)”中）不会已经触发错误吗？

Answer 1

那么，您确定 floating() 函数已在 jQuery 对象原型 $.fn 上定义吗？

1. 确保您已正确包含 floatbox js 文件，
2. 确保它位于 jquery include 之后，以便在插件尝试扩展原型时 $ 对象存在。

编辑：根据代码示例，它被包含在正确的顺序中。您有链接以便我们查看问题吗？

Answer 2

这个插件？ 如果有，请看一下在该页面的源代码中查看示例。一：

$('#moving_box1').floatingBox({
    scale : 0.3,
    blur : true,
    isText : false,
    xOffset : 235,
    yOffset: 185,
});