javascript - Javascript滑动菜单不起作用

Question

这个 javascript 滑动菜单不起作用——调试器给出的唯一错误是第一个 IF 语句是一个块命令并且应该有花括号，我不明白。

有没有人看到明显的错误？我不确定我是否正确使用了 'this' 关键字（以及函数 showSlide 中的变量 slideList ......请帮助和对我的格式（空白）的任何反馈也很感激！

window.onload = makeMenus;

var currentSlide = null;
var timeID = null;
var leftPos = 0;

function makeMenus() {
    var slideMenus = new Array();
    var allElems = document.getElementsByTagName("*");
    for (var i = 0; i < allElems.length; i++) {
        if (allElems[i].className == "slideMenus") menus.push(allElems[i]);
    }
    for (var i = 0; i < slideMenus.length; i++) {
        slideMenus[i].onclick = showSlide;
        slideMenus[i].ul.style.left = "0px"; //for each object in slideMenus Array, ref 1st ul       element within that object and set the value of the ul elements left style property to 0px
    }
    document.getElementById("head").onclick = closeSlide;
    document.getElementById("main").onclick = closeSlide;
}

function showSlide() {
    var slideList = this.id + ".ul[0]"; //stores object ref to the 1st ul element nested within the     current object. 

    if (currentSlide !== null) {
        closeSlide();
    } else {
        closeSlide();
        currentSlide = slideList;
        currentSlide.style.display = "block";
        timeID = setInterval("moveSlide()", 1);
    }
}

function closeSlide() {
    if (currentSlide !== null) {
        clearInterval(timeID);
        currentSlide.style.left = "0px";
        currentSlide.style.display = "none";
        currentSlide = null;
    }
}

function moveSlide() {

    if ((leftPos + 5) <= 220) {
        currentSlide.style.left = leftPos + "px"
    } else {
        clearInterval(timeID);
        leftPos = 0;
    }
}

Answer 1

只是看看你的代码我注意到你有这一行

var slideList = this.id + ".ul[0]"; //stores object ref to the 1st ul element nested

看起来您正在尝试获取 ul 数组的第一个元素，但由于您将其放在引号中，您的浏览器可能会将其视为字符串。假设 this.id 等于字符串“ul-element”，此变量将输出“ul-element.ul[0]”作为字符串，而不是获取 ul[0] 处的元素。

只是出于好奇，您是否正在考虑使用 jquery 使您的网站执行此操作？这将节省相当多的时间和头痛，虽然如果你这样做是为了一个个人项目，我理解这样做:)

-坦率

Answer 2

var slideList = this.getElementsByTagName("ul")[0];