Question

我对java-script / jquery不太熟悉。我正在为我的博客创建一个滑动社交小部件。虽然我能够把它放在一个确切的位置，但它没有移动，因为我正在滚动页面，经过一些护目镜和检查通过firebug我在firebug控制台中看到以下错误。

$(".floater").floatingFixed is not a function

这是我为此滑块选项

目前编写的代码

    <script type="text/javascript">
              $(function() {
                $(".floater").floatingFixed({ padding: 5 });
              });
            </script>
            <style type="text/css">
              #widgetcontainer { padding: 50px 220px; text-align: justify; }
              .floater { background: none repeat scroll 0 0 #C9DBEC; position: absolute; top: 215px; left: 150px; width: 58px; padding:4px 4px 0;text-align:center }
              .post_share{-moz-border-radious:4px 4px 4px 4px;background:none repeat scroll 0 0 #C9DBEC;padding:4px 4px 0;z-index:11500}

            </style>

<div id="widgetcontainer">
    <div class="floater">
button options

</div>

我无法在firebug中找出此错误的原因。在这方面的任何帮助都会非常有帮助

提前致谢

更新这里是标题部分中包含的js文件

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
    <script src="<?php echo get_option('home'); ?>/scripts/jquery.floatingFixed.js" type="text/javascript"></script>
    <script src ="<?php echo get_option("siteurl"); ?>/js/jquery.js" type="text/javascript"></script>
    <script src ="<?php echo get_option("siteurl"); ?>/js/jquery.simplemodal.js" type="text/javascript"></script>
    <script src ="<?php echo get_option("siteurl"); ?>/js/contact.js" type="text/javascript"></script>

Answer 1

这是因为floatingFixed是 NOT 本机jQuery函数。

你需要某种插件（无论它是什么）。

根据OP上的@ManseUK comment。

问题可能是由于在插件之后再次包含了jquery。

这会导致重新定义$并删除插件。

Answer 2

问题是您多次引用jQuery核心 - 第二次您的插件后...这会导致重新创建$

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="<?php echo get_option('home'); ?>/scripts/jquery.floatingFixed.js" type="text/javascript"></script>
<script src ="<?php echo get_option("siteurl"); ?>/js/jquery.simplemodal.js" type="text/javascript"></script>
<script src ="<?php echo get_option("siteurl"); ?>/js/contact.js" type="text/javascript"></script>

删除重复的jQuery应该可以解决问题。

$（“。floater”）。floatingFixed不是函数

2 个答案: