使用jQuery实现Javascript集成
我正在努力使这段代码正常工作,基本上我有这段代码:使用jQuery实现Javascript集成,javascript,jquery,jquery-plugins,easing,Javascript,Jquery,Jquery Plugins,Easing,我正在努力使这段代码正常工作,基本上我有这段代码: <script type="text/javascript" src="jquery-easing.js"></script> <script type="text/javascript"> $(document).ready(function(){ hidden = true; $(".btn-slide").click(function () { if(hidden == false) { $
<script type="text/javascript" src="jquery-easing.js"></script>
<script type="text/javascript">
$(document).ready(function(){
hidden = true;
$(".btn-slide").click(function () {
if(hidden == false) {
$("#photodisplay").slideUp(1000, method, callback);
$("#gallery").slideDown(1000, method, callback);
hidden = true;
} else {
$("#photodisplay").slideUp(1000, method, callback);
$("#gallery").slideDown(1000, method, callback);
hidden = false;
}
});
});
</script>
$(文档).ready(函数(){
隐藏=真实;
$(“.btn幻灯片”)。单击(函数(){
如果(隐藏==false){
$(“#photodisplay”).slideUp(1000,方法,回调);
$(“#gallery”).slideDown(1000,方法,回调);
隐藏=真实;
}否则{
$(“#photodisplay”).slideUp(1000,方法,回调);
$(“#gallery”).slideDown(1000,方法,回调);
隐藏=错误;
}
});
});
当使用slideUp和“slow”在Javascript中正常编写时,它可以很好地工作,但我只想包括放松,因为目前它有点静态。
我如何调整它以使jQuery工作?任何帮助都会很好,提前谢谢
Sofi我不确定您的意思,但slideUp和slideDown有三个参数
.slideUp( [duration,] [easing,] [callback] )
因此,您可以做的是:
$('#photodisplay').slideUp(1000, "linear", callback);
function callback() {
alert("The photodisplay finished the slideup");
}
除了使用隐藏变量,您还可以使用以下方法检查选择器是否可见:
$('#photodisplay').is(':hidden')
您在哪里定义
方法
?或者也许我不明白这里出了什么问题?是的,问题是它根本不起作用,也就是说,如果参数是这样,幻灯片就不起作用了?如果我将参数设置为“slow”,它可以正常工作。但是使用为动画指定的参数似乎不起作用:/嗯,应该行的。但无论如何,在大多数情况下,您不需要[easing]和[callback]参数。我认为在你的例子中,$('#photodisplay').slideUp(1000);就够了。