如何创建函数序列？

Question

我尝试这样做

myfun(params,
   function(){
       //something happen
   }
);

，但它不起作用，我完全不知道为什么，我快要疯了。 几周后我仍然在思考一个问题，我真的需要帮助，因为我不太擅长 Jquery 语法。

我想要实现的是： 启动一个函数来检查您是否悬停在圆形区域内，如果确实悬停，则触发一系列函数，一个接一个（在本例中显示一系列动画）。而且我无法做出“一个接一个”。

我正在尝试这样做，因为在 safari 中，当您使用半径边框创建圆形链接时，并且您想要将鼠标悬停在元素上，它仍然表现为正方形。我不想使用图像映射。

同样，我无法重复使用相同的函数来多次检查圆形区域内的悬停（不要问我为什么，我试图理解，但我不够聪明或无法理解），所以我唯一的最后资源它是尝试根据序列触发事件。

aniCircle 它是我想要嵌套动画序列的函数。这是它看起来如何的功能：

$("#cv").hover( 
    function(){
        $("#sliders .circle").css("z-index","6");

        aniCircle(1, $(this), "#slider1", {"opacity":"0"},{"opacity":"1"}, 0, speed2, 
            function(){$("#slider2").delay(speed2).animate({"opacity":"1"},speed2)}
        );

    },
    function(){

        $("#slider1").animate({"opacity":"0"},speed2)
        $("#slider2").delay(speed2).animate({"opacity":"0"},speed2)

    }
);

这里有网页 http://life-is-simple.co.uk/test5/index.html

请记住，在 FF4 上它在圆形区域上工作正常，但在 webkit 浏览器上则不然，我想使用 JS 修复它。

感谢您的帮助

Answer 1

我认为使用 jquery .queue() 可以解决您的问题。

Answer 2

jQuery animate() 接受“完整”回调。您可以像这样嵌套序列：

$("#slider1").animate(
    {"opacity":"0",
     "speed": speed2,
     "complete": second_animation
    }
 );

function second_animation() {
 $("#slider2").animate()...
}

在 slider1 动画完成之前，slider2 动画不会开始。

Answer 3

看起来您正在尝试类似的操作：

var outer = function(){
var  test = function(){
    alert('fired 1');
}()
var  test2 = function(){
    alert('fired 2');
}()
}

注意方法声明后面的“()”，它会立即触发。
这些将一个接一个地触发，但如果您向它们应用将异步触发的代码，那么您将需要使用回调方法。

Answer 4

默认情况下，JavaScript 没有“函数序列”。 jQuery 的 animate() 可以处理回调函数，因为它被编码为在动画完成时调用回调函数。

我认为你正在寻找类似的东西：

function setupThenCall(param1, param2, fn) {
    // do some setup / processing

    // call callback function after setup
    fn();
}

如果你正在做一些更复杂的事情，例如多级回调，你可能需要使用 jQuery 的 队列()。

Answer 5

很抱歉，但我必须在以后重新提出这个问题，我注意到没有一个更简单的例子，也没有时间致力于我的网站（我发现自己整个星期都在忙于各种项目，甚至在正常之后工作时间），我不想仅仅为了保持开放而不尝试和测试您建议的解决方案而开放我的问题。

我很抱歉让您在这个问题上浪费了时间。今后我会努力做得更好。非常感谢您抽出时间。

我试图关闭它，但由于赏金，我无法关闭它:(