如何去除javascript中的附加li

当有人将窗口的大小调整到640像素宽度以下时，我试图使用

id=“magic line”

禁用

li

元素。有没有一个简单的方法

代码：

$( window ).resize(function() {
    if($(window).width() >= 640){
        $(function() {
            var $el, leftPos, newWidth;
            $("#example-one").append("<li id='magic-line'></li>");
            /* Cache it */
            var $magicLine = $("#magic-line");
            $magicLine
            .width($(".current_page_item").width())
            .css("left", $(".current_page_item a").position().left)
            .data("origLeft", $magicLine.position().left)
            .data("origWidth", $magicLine.width());
            $("#example-one li").find("a").hover(function() {
                $el = $(this);
                leftPos = $el.position().left;
                newWidth = $el.parent().width();

                $magicLine.stop().animate({
                    left: leftPos,
                    width: newWidth
                });
            }, function() {
                $magicLine.stop().animate({
                    left: $magicLine.data("origLeft"),
                    width: $magicLine.data("origWidth")
                });    
            });
        });
    }
    else if($(window).width() < 640){


    }
});

$（窗口）。调整大小（函数（）{
如果（$（窗口）.width（）>=640）{
$（函数（）{
var$el，leftPos，newWidth；
$（“#示例一”）.append（“
”）；
/*缓存它*/
变量$magicLine=$（“#幻线”）；
$magicLine
.width（$（“.current\u page\u item”）.width（）
.css（“左”（“.current_page_item a”）.position（）.left）
.data（“origLeft”，$magicLine.position（）.左）
.data（“origWidth”，$magicLine.width（））；
$（“#示例一li”）.find（“a”）.hover（函数（）{
$el=$（此项）；
leftPos=$el.position（）.left；
newWidth=$el.parent（）.width（）；
$magicLine.stop（）.animate({
左：左位置，
宽度：新宽度
});
}，函数（）{
$magicLine.stop（）.animate({
左：$magicLine.data（“origLeft”），
宽度：$magicLine.data（“origWidth”）
});    
});
});
}
else if（$（窗口）.width（）<640）{
}
});

假定您的$引用jQuery

$("#magic-line").hide();

我应该这样做

---

更新：你不能禁用LI标签，所以我建议把它隐藏起来。如果您附加了一个单击事件，您可以在事件处理程序中检查它是否应该继续进行。

为什么不使用css执行此操作

@media screen and (max-width: 640px) {
    #magic-line {
        display:none;
    }
}

---

无法让它真正工作$（窗口）。调整大小（函数（）{这一行也会完全搞乱动画。在将来，最好问一个与你做过的事情有关的问题，而不是你没有做过的事情。我猜你是说jQuery？

@media screen and (max-width: 640px) {
    #magic-line {
        display:none;
    }
}