Question

我在我的脚本中使用show函数。我也在该函数中传递参数，但它显示错误。我使用下面的代码，点击一个按钮我调用next（）函数。

function next() {
    $('#img1').hide('slide', { direction: 'left' }, 1400);
}

这对我不起作用。显示此错误Uncaught TypeError: n.easing[this.easing] is not a function。在没有参数的情况下传递它可以正常工作。

Answer 1

使用此代码

$("button").click(function(){
    $("div").animate({width:'toggle'}, 350);
});

div {
    width: 100px;
    height: 100px;
    background: green;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button>Show/hide</button>
<br/><br/>
<div></div>

Answer 2

如下所示的自定义动画：

HTML

<div class='div1' id="div1"></div>
<button id="showhide"></button>

CSS

.div1{
  height:100px;
  width:100px;
  position:absolute;
  left:0;
  top:100px;
  background-color:red;
  transition:all 0.5s;
}
.hide{
  width:0;  
}

JS

document.getElementById("showhide").addEventListener("click",function(){
   if(document.getElementById("div1").classList.contains("hide")){
        document.getElementById("div1").classList.remove("hide");
   }
   else{
        document.getElementById("div1").classList.add("hide");
   }
})

隐藏在jquery中不起作用的函数参数

2 个答案: