javascript - JQuery の単一イベントに対する複数の関数

Question

1 つの要素に対して 1 つの関数があります。

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

この関数が完了したら、この関数の後に別の関数を実行するにはどうすればよいですか?

たとえば、この関数が true を返す場合、スクリプトは別の関数を実行し、そうでない場合は 2 番目の関数を実行しません。

または、最初の関数の結果に関係なく、2 番目の関数を実行します。

どんな助けでも感謝します:)

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