0

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

$("#thediv").floating 不是函数

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

这是代码:

<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)”中)不会触发错误吗?

4

2 回答 2

1

那么,你确定floating()函数已经$.fn在 jQuery 对象原型上定义了吗?

  1. 确保您已正确包含浮动框 js 文件
  2. 确保它在 jquery 包含之后,以便$在插件尝试扩展原型时对象存在。

编辑:根据代码示例,它包含在正确的顺序中。你有一个链接,所以我们可以看到问题?

于 2010-12-02T16:47:18.140 回答
0

这个插件? 如果是这样,请查看该页面的来源作为示例。一:

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

于 2010-12-02T16:44:40.343 回答