3

我有一个 if 语句检查“ivnt”的 url，我希望 div“carriage-promo”的高度从默认的 0px 更改为 40px。

我不想添加一个类或删除一个类，我已经知道如何实现这一点，恐怕它并不能解决这个问题。

考虑：

$(document).ready(function () {
 if(window.location.href.indexOf("invt") > -1) { 
    $('#promo-carriage').css{
          height: '40px'}
         }
      });

但是，这对我不起作用。有什么建议么？我很确定这将是一个语法错误，但我是 jQuery/JS 的新手！

4

4 回答 4

2

总而言之，只要您只需要传递一个键 + 值对，您就可以将其传递为：

$(element).css("attribute","value");

而如果你想传递多个声明，请使用一个对象

$(element).css({height:"200px", width:"100px", backgroundColor: "red"});或者 $(element).css({height:"200px"});

请注意两个示例之间的差异。在对象中，您可以或不定义引号内的键，但最好使用不带引号的 javascript 定义，并且“背景颜色”变为背景颜色：语法也会发生变化。请注意，在对象中，您使用双冒号 : 分隔键和值，并使用逗号分隔不同的对。

如需进一步参考，请参阅http://api.jquery.com/css/

于 2013-09-03T16:03:21.350 回答
1

使用双亲.css()和height引号。

$(document).ready(function () {
    if(window.location.href.indexOf("invt") > -1) {
        $("#promo-carriage").css("height", "40px");
    }
});
于 2013-09-03T15:51:51.107 回答
1

您在 css 方法后缺少左括号：

$('#promo-carriage').css({

但是，如果您尝试隐藏/显示某些内容，我建议您不要使用 height 属性来执行此操作。您想使用 CSSdisplay属性。

有一些快速的 jQuery 方法可以改变对象的显示：

$("#promo-carriage").toggle()
$("#promo-carriage").hide()
$("#promo-carriage").show()

这是一个快速简单的jsFiddle 示例。

于 2013-09-03T15:52:29.720 回答
0

''height我猜是缺少，另一种可能性是直接使用高度方法。

$(document).ready(function () {
 if(window.location.href.indexOf("invt") > -1) { 
    $('#promo-carriage').height('40px');
      });
于 2013-09-03T15:49:45.793 回答