在http://jqueryui.com/toggle/上有一个很好的例子,它展示了如何使用切换方法进行动画,它甚至提供了任意方法来传递动画类型作为参数。
这是一个不太复杂的例子(基于toogle),但它不起作用。我添加了第二个按钮,应该执行硬编码动画(runeffect2)。基本上它应该在不调用该方法的情况下在那里做动画......但它不起作用。我就是想不通为什么...
</style>
<script>
$(function() {
// run the currently selected effect
function runEffect() {
// get effect type from
var selectedEffect = $( "#effectTypes" ).val();
// most effect types need no options passed by default
var obj = {};
// run the effect
$( "#effect" ).toggle( selectedEffect, obj, 500 );
};
// set effect from select menu value
$( "#button" ).click(function() {
runEffect();
return false;
});
$( "#buttonn" ).click(function() {
var options = {};
$( "#effect" ).toggle( "Explode", options, 500 );
//return false;
});
</script>
我已经在小提琴http://jsfiddle.net/xTfED/上放置了完整的非工作解决方案