Question

当有人在640像素宽度以下调整窗口大小时，我正尝试使用li禁用id="magic-line"元素。有没有一种简单的方法可以做到这一点？

代码：

$( 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){


    }
});

Answer 1

为什么不用css做呢？

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

Answer 2

$("#magic-line").prop('disabled', true);

Answer 3

假设你的$引用了jQuery，

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

应该这样做。

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

如何在javascript中删除附加的li

3 个答案: