Facebook页面JavaScript:can'；t重用功能

我正在Facebook上制作一个自定义页面，在画布选项卡上使用FBML和JavaScript

我想制作一个像你通常使用jQuery那样的滑块，不幸的是Facebook还没有jQuery支持，所以我想我会用普通的老JavaScript制作幻灯片

使用

slide（）

函数一次后，控制台中出现“slide（）不是函数”错误

代码如下：

<script>
    <!--
        function slide(reqPos){
            desSlideState = reqPos;
            curSlideState = getCurSlideState();
            toSlide = desSlideState - curSlideState;
            pxToSlide = toSlide * (-520);

            movCount = 0;
            timer = setInterval(function(){eSlide(slide, pxToSlide);},100);
        }
        function getCurSlideState(){
            slide = document.getElementById("slider");
            var slideLeft = slide.getStyle("left");
            var slideLeft = parseFloat(slideLeft);
            var slideState = slideLeft/-520;
            return slideState;
        }
        function eSlide(elemToMove, lengthToMove){
            curLeft = elemToMove.getStyle("left");
            curLeft = parseFloat(curLeft);

            newLeft = curLeft + (lengthToMove/10);
            elemToMove.setStyle("left", newLeft + "px");

            movCount++;

            if(movCount == 10){
                clearInterval(timer);
                return false;
            }
        }
    //-->
</script>

<div id="fb-wrapper">
    <h1>Loads Solutions LTD</h1>

    <div class="loads-nav-wrap">

      <div class="fb-nav" id="nav1"><a href="http://www.loads.co.il/hosting.php" onclick="slide(0); return false;">Server<br />Hosting</a><div></div></div>

      <div class="fb-nav" id="nav2"><a href="http://www.loads.co.il/dedicated.php" onclick="slide(1); return false;">Dedicated<br />Servers</a><div></div></div>

      <div class="fb-nav" id="nav3"><a href="http://www.vcp.co.il/" onclick="slide(2); return false;">Web Design<br />&Development</a><div></div></div>

      <div class="fb-nav" id="nav4"><a href="http://www.loads.co.il/vps.php" onclick="slide(3); return false;">VPS</a><div></div></div>

      <div class="fb-nav" id="nav5"><a href="http://www.loads.co.il/exchange.php" onclick="slide(4); return false;">Exchange MailBoxes</a><div></div></div>
</div>

<div id="content-slide">
    <div id="slider" style="left:0">
        <div class="slide-content">
            <h3 id="test-id">content1</h3>
        </div>
        <div class="slide-content">
            <h3>content2</h3>
        </div>
        <div class="slide-content">
            <h3>content3</h3>
        </div>
        <div class="slide-content">
            <h3>content4</h3>
        </div>
        <div class="slide-content">
            <h3>content5</h3>
        </div>
    </div>
</div>

负载解决方案有限公司
内容1
内容2
内容3
内容4
内容5

---

不要担心HTML无效，否则Facebook画布将无法工作。

这一行将覆盖您的

幻灯片

功能：

slide = document.getElementById("slider");

您需要一个

var

使其成为本地变量，如下所示：

var slide = document.getElementById("slider");

---

没有

var

它将其设置为全局变量…覆盖先前的

slide

函数。声明局部变量时，请始终放置

var

，否则它可能会像此处那样导致全局冲突。

此处的这一行将覆盖您的

幻灯片

函数：

slide = document.getElementById("slider");

您需要一个

var

使其成为本地变量，如下所示：

var slide = document.getElementById("slider");

没有

var

它将其设置为全局变量…覆盖先前的

slide

函数。声明局部变量时，请始终放置

var

，否则它可能会像此处那样导致全局冲突