Question

我有以下代码：

case "/buy":
        $('<p>What do you want to buy?<br><br></p>').hide().appendTo("#placeholder").fadeIn(1000);
        break;

因为我有很多案例，所以我想将.hide().appendTo("#placeholder").fadeIn(1000);变成一个变量。

我尝试了var addText = .hide().appendTo("#placeholder").fadeIn(1000);，但这不起作用。有没有办法让这项工作？

Answer 1

你不能做出那个

的变种

var addText = .hide().appendTo("#placeholder").fadeIn(1000);

但你最好使用一个函数： -

var addText = function(el){
  el.hide().appendTo("#placeholder").fadeIn(1000);
}

并像这样使用它： -

var el = $('<p>What do you want to buy?<br><br></p>');
addText(el);

或

addText( $('<p>What do you want to buy?<br><br></p>') )

Answer 2

你可以把它放到一个函数中：

var hideAppendAndFade = function (element) {
    $(element).hide().appendTo("#placeholder").fadeIn(1000);
};

然后在需要时调用该函数：

hideAppendAndFade('<p>What do you want to buy?<br><br></p>')

（我猜测变体将出现在选择器上。根据您需要改变的其他内容进行调整，或者如果不同之间没有任何变化则对所有内容进行硬编码调用该函数。）

Answer 3

另一种选择是堆叠您的案件。

case "/buy":
case "/buy2":
case "/buy3":
case "/buy4":
        $('<p>What do you want to buy?<br><br></p>').hide().appendTo("#placeholder").fadeIn(1000);
        break;

然后，如果你仍然想要，你可以创建你的功能

var hideAppendAndFade = function (selector) {
    $(selector).hide().appendTo("#placeholder").fadeIn(1000);
};

并在案例中调用

case "/buy":
case "/buy2":
case "/buy3":
case "/buy4":
        hideAppendAndFade('<p>What do you want to buy?<br><br></p>');
        break;

有没有办法制作这段代码的var？

3 个答案: