Question

我很难将两个脚本组合在一起它们作为两个脚本工作但是我需要它们作为一个脚本工作，使下拉菜单出现，另一个脚本菜单更改为超链接我需要脚本做什么当窗口小于520时，它将下拉菜单变为一个链接嘿，我有什么

$(window).resize(function()
{
    if ($(window).width() < 520)
    {
        $("#documentLink").attr("href", "http://www.w3schools.com/jquery");
    }
    else
    {
        $(document).ready(function()
        {
            $("#documentLink").click(function()
            {
                $("#documentcontainer").fadeToggle(300);
                return false;
            });
            $(document).click(function()
            {
                $("#documentcontainer").hide();
            });
            $("#documentcontainer").click(function()
            {
                return false;
            });
        });
    }
});

第一部分在调整窗口大小时起作用，但脚本的最后一部分并不抱歉我的问题布局不善于提出问题

Answer 1

$(document).ready的回调不太可能被触发 - ready上的document事件在文档准备就绪时被触发一次，但是当你附加此事件时用户调整窗口大小（ready事件后将触发的事件）。

如果窗口大小小于520，请检查您的回调，并在以下情况后执行以下操作：

$(document).ready(function() {
    $("#documentLink").click(function(e) {
        if ($(window).width() >= 520) {
            e.preventDefault () ;
            $("#documentcontainer").fadeToggle(300);
            return false;
        }
        return true ;
    });
    $(document).click(function({
        $("#documentcontainer").hide();
    });
    $("#documentcontainer").click(function() {
        return false;
    });
});

在此，我假设您的#documentLink已经是一个a标记，其中包含相应的href。

Answer 2

也许你可以尝试这样的事情，

     $(document).ready(function()
     {
        $(window).resize(function()
        {
            if ($(window).width() < 520)
            {
                $("#documentLink").attr("href", "http://www.w3schools.com/jquery");
            }
          });

//READY CODE HERE
                    $("#documentLink").click(function()
                    {
                      if ($(window).width() > 520)  //CHECK WIDTH IN EVENT HNDLR.
                      {
                        $("#documentcontainer").fadeToggle(300);
                        return false;
                      }
                    });


                   //MORE CODE HERE...



        });
    });

当窗口调整大小时，jquery会做一些事情

2 个答案: