javascript - JQuery 中单个事件的多个函数

Question

我对一个元素有一个功能：

<a href="javascript:void(0);" onclick="dothis()">Link</a>

完成此功能后，如何在此功能之后运行另一个功能？

例如，如果此函数返回 true，则脚本将运行另一个函数，如果不是，则不会运行第二个函数。

或者让第二个函数运行而不考虑第一个函数的结果。

任何帮助表示赞赏:)

score 3 · Accepted Answer

3

<a href="javascript:void(0);" onclick="if (dothis() == true) dothat();">Clicky</a>

于 2012-06-21T19:45:19.963 回答

score 2 · Accepted Answer

您可以简单地调用另一个函数dothis()

 function dothis(){

  // Do something

    if(val == true)
    {
     // Call another function
      anotherFunction();
    }

 }

score 2 · Accepted Answer

在onclick属性中，可以使用普通的javascript，即所谓的内联javascript。所以你可以这样做（不鼓励）：

<a onclick="if(dothis()) dothat()" />

你可以这样做（推荐）：

<a onclick="dothisandthat()" />

<script>
    function dothisandthat() {
        if (dothis())
            dothat();
</script>

score 2 · Accepted Answer

最简洁的方式：

doThis() && doThat();

jQuery：

$('#el').click(function() {
    doThis() && doThat();
});

HTML：

<a href="javascript://" onclick="doThis() && doThat();">Link</a>

score 0 · Accepted Answer

在末尾调用另一个函数dothis

如果您想dothis与其他元素一起使用。只需使用回调函数。

function dothis(callback) {

 // code

 callback();

}

然后像这样使用它：

dothis(dothisafter);

score 0 · Accepted Answer

dothis您可以像这样在函数末尾调用另一个函数

function dothis(){

  if(someThing == true)
    someFunc();
}

6 回答 6