Question

我希望当窗口宽度小于992时，更改一个元素的css attr。我写了这段代码：

$(document).ready()
{
    if ($(window).width() < 992) {
        $('#header_right').css('text-align', 'center');
    }
}

如果我执行

if ($(window).width() < 992) {
    $('#header_right').css('text-align', 'center');
}

在控制台中通过ff完成，但是当在文件中使用此代码时，例如up不起作用。

我在头部使用这个js文件：

<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/main.js"></script>

请建议。

Answer 1

@media查询可以更好地解决这个问题。您需要在CSS中添加它：

@media screen and (max-width: 992) {
  #header_right {
    text-align: center;
  }
}

并且您必须将其与window resize document ready函数中的$(document).ready(function () { $(window).resize(function () { if ($(window).width() < 992) { $('#header_right').css('text-align', 'center'); } }); }); open System [<EntryPoint>] let main argv = let tests = Console.ReadLine() |> int for i in [0..tests] do let (length, count) = Console.ReadLine() |> (fun s -> s.Split [|' '|]) |> (fun split -> Int32.Parse(split.[0]), Int32.Parse(split.[1])) Console.ReadLine() |> (fun s -> s.Split [|' '|]) |> Seq.map int |> Seq.take length |> Seq.groupBy (fun x -> x) |> Seq.map (fun (key, group) -> key, Seq.sum group) |> Seq.where (fun (_, countx) -> countx = count) |> Seq.map (fun (n, _) -> n) |> (fun nums -> if Seq.isEmpty nums then "-1" else String.Join(" ", nums)) |> Console.WriteLine 0 // return an integer exit code事件绑定STRONG>。实际上你有一个语法错误：

{{1}}

因为您拥有当前代码，所以只在文档加载时检查一次，而不是每次调整窗口大小时。

当窗口宽度小于值时使用jquery更改元素的attr

1 个答案: