1

解决方案

$(window).scroll(function() {
            var y = $(this).scrollTop();
            for (var i = 0; i < offset.length; i++)
                {
                    if (y < offset[i].bottom) {
                        $("#catSelect option:selected").removeAttr("selected");
                        $("#catSelect option[value=#"+offset[i].id+"]").attr("selected", "selected");
                        break;
                    }
                }
        });

谢谢你们的帮助！

问题

我是 JavaScript 和 jQuery 的初学者，所以我希望有好心人可以帮助我。下面是一个执行得很好的代码片段......但由于它非常重复，我试图想出一些代码来帮助我在 switch 语句中“自动化”所有这些条件，而不是手动指定它（如果那讲得通）。我将使用“for”循环，但目前还没有结果。

向正确的方向轻推，好吗？谢谢 ：）

~ 初步代码 ~

var offset = [];
        $(".cat").each(function() {
            var top =  $(this).offset().top;
            var bottom = top + $(this).outerHeight();
            var id = $(this).attr("id");
            offset.push({"top": top, "bottom": bottom, "id": id });
            $(document.body).append(offset.length);
        });

~ 代码都是关于 ~

$(window).scroll(function() {
    var y = $(this).scrollTop();

        switch (true) {
            case (y < offset[0].bottom):
                $("#catSelect option:selected").removeAttr("selected");
                $("#catSelect option[value=#"+offset[0].id+"]").attr("selected", "selected");
                break;
            case (y < offset[1].bottom):
                $("#catSelect option:selected").removeAttr("selected");
                $("#catSelect option[value=#"+offset[1].id+"]").attr("selected", "selected");
                break;
            case (y < offset[2].bottom):
                $("#catSelect option:selected").removeAttr("selected");
                $("#catSelect option[value=#"+offset[2].id+"]").attr("selected", "selected");
                break;
            }

        });
4

2 回答 2

4

你的方法很了不起！我从来没有考虑过switch(true):)

你可以试试这个，看看它是否适合你：

for (var i = 0; i<=2; i++)
{
    if (y < offset[i].bottom) {
        $("#catSelect option:selected").removeAttr("selected");
        $("#catSelect option[value=#"+offset[i].id+"]").attr("selected", "selected");
    }
}
于 2012-07-07T16:05:19.907 回答
3

因为它只是在不同情况下不同的数组索引：

for (var i = 0; i < offset.length; i++) {
  if (y < offset[i].bottom) {
    $("#catSelect option:selected").removeAttr("selected");
    $("#catSelect option[value=#"+offset[i].id+"]").attr("selected", "selected");
    break;
  }
于 2012-07-07T16:06:29.323 回答