Question

当我点击lineNum

时，我有一个变量h1

我想让'if'制作一个div display:none，但我无法输入if代码吗？

以下是我遇到问题的if JQuery行：

if (lineNum > 1) {blue-sun-div, display: none;}

谢谢你的帮助：）

***编辑：你好这是我制作的jquery代码（我的第一个jquery编码项目）

当我点击'h1'和'h2'时，两个div在屏幕上移动，'var'也会递增。当'var'变为1或更高时：blue-sun-div应该消失。

如果我刷新浏览器，但是只有在我手动输入'var'= 1或更多时才能使blue-sun-div消失，所以我的div名称正确，但是当lineNum ++提升时它不会消失var'lineNum'自动过去1。

在lineNum完成工作后，我是否需要在最后重新触发代码？对不起，如果这没有意义。这是凌晨4点。

这是代码。非常感谢你

$(document).ready(function() {

  var lineNum = 0;

$("h1").click(function() {
    $("#blue-sun-div, #red-sun-div").animate({
            "left": "+=200px"
    }, 1000);
  });

$("h2").click(function() {
    $("#blue-sun-div, #red-sun-div").animate({
            "left": "-=200px"
    }, 1000);
  });

lineNum++;

if(lineNum > 1) {
    $("#blue-sun-div").css({ display: "none" });
}

})

Answer 1

你有权访问jquery吗？或者你只是使用普通的JavaScript？

最简单的方法是：

if(lineNum > 1)
{
   $('#blue-sun-div').hide();
}

这假设您已经设置了jquery，并且blue-sun-div是div的{id <div id="blue-sun-div">}

如果是类（<div class="blue-sun-div">），则上面的jquery需要更改为$('.blue-sun-div').hide();

对于普通的javascript，最好的方法是创建一个隐藏函数并在h1的onclick中调用它。

在你的javascript中：

function hideDiv(divId){
   document.getElementById(divId).style.display="none";
}

然后在html：

<h1 id="SomeID" onclick="hideDiv('blue-sun-div');">H1 TEXT</h1>

Answer 2

这样做：如果blue-sun-div是类名

if(lineNum>1){
  $(".blue-sun-div").hide();
}

如果blue-sun-div是ID

if(lineNum>1){
  $("#blue-sun-div").hide();
}

Answer 3

要使元素具有css display: none，您可以使用以下方法：

Pure JavaScript：

if(lineNum > 1) {
    document.getElementById("blue-sun-div").style.display = "none";
}

使用JQuery（我推荐这个）

if(lineNum > 1) {
    $("#blue-sun-div").css({ display: "none" });
}

假设您有<div id="blue-sun-div"> ...。

如果var＆gt;然后div显示：无

3 个答案: