为什么我的jquery在按钮按下时改变了css属性?

时间:2016-08-23 00:32:51

标签: javascript jquery html css

我有一个文件" dashboard.html"我试图用jQuery操作。内容如下:

void leakFunc(){ Foo* f = new Foo; }

我试图隐藏" make-offer" div点击按钮并显示" offer-type"。但是,当我运行以下js文件时,虽然我的测试消息成功,但div不会改变它们的可见性。

<div id="dashboard">

  <span id="contracts">
    <div id="make-offer">
    <button onclick="getDetails()">add</button>
    </div>
    <div id="offer-type" style="visibility:hidden">
    <form action="">
      "Offer what for what???"
      <button id="add-good" onclick="addGood()">good</button>
      <button id="add-service" onclick="addService()">service</button>        
    </form>
    </div>
  </span>
</div>

有人能发现我做错了什么吗?谢谢。

2 个答案:

答案 0 :(得分:3)

您未正确地致电.css()。两个选择:

$("#make-offer").css("visibility", "hidden");

$("#make-offer").css({ visibility: "hidden" });

第二种方式允许您一次设置多个属性。

当您只传递一个参数时,您要求jQuery为您提供该CSS属性的当前值。

答案 1 :(得分:2)

jQuery做的事情略有不同

function getDetails(){
    console.log("getting details.");
    $("#make-offer").css("visibility", "hidden");
    $("#offer-type").css("visibility", "visible");

}