0

別の要素をクリックしたときに既に存在するアンカー タグに onclick イベントを割り当てようとしています。ただし、私が試したことはすべて、割り当て直後にイベントが発生するようです。Prototype と Scriptaculous を使用しています。

これは機能です：

<script type="text/javascript">     
    function loadData(step, dao_id) {
        var div_id = 'div_' + step;
        var anchor_id = 'step_anchor_' + step;
        var prv = step -1;

        switch(step) {
            case 1:
                var action = 'major_list';
                break;
            case 2:
                var action = 'alumni_list';
                break;
            case 3:
                var action = 'alumnus_display';
                break;
        }

        new Ajax.Request('awizard.php', {
                method: 'get',
                parameters: {action : action, dao_id : dao_id},
                onSuccess: function(data) {
                    $(div_id).innerHTML = data.responseText;
                    //$(anchor_id).observe('click', loadData(prv, dao_id, true));
                    //Event.observe(anchor_id, 'click', alert('I executed'));

                    showStep(step);

                    //$(anchor_id).onclick = loadData(prv, dao_id, true);
                    //$(anchor_id).observe('click', loadData(prv, dao_id, true));

                }
            }
        )                   
    }

    function showStep(step, toggleBack) {

        var div_id = 'div_' + step;
        if(!toggleBack) {
            if(step != 1) {
                var prv = step -1;
                Effect.SlideUp('div_' + prv, { duration:1, delay:0 });
            }

            Effect.SlideDown(div_id, { duration:1, delay:1 });
            Effect.Appear('step_anchor_' + step, { duration:1, delay:2 });
        } else {

            var prv = step -1;
            Effect.SlideDown('div_' + prv, { duration:1, delay:0 });
            Effect.SlideUp(div_id, { duration:1, delay:1 });
            Effect.Fade('step_anchor_' + step, { duration:1, delay:2 });
        }               
    }
</script>

おわかりのように、onclick イベントをアンカー タグに割り当てる方法を複数試しましたが、どれも正しく機能しません。最初は、アンカー タグの Effect.Appear 関数が onclick イベントを発生させる可能性があると想定していたので、イベントの割り当てを showStep 関数の後に移動しようとしましたが、違いはありませんでした。さらに、割り当て直後に stop() 関数を呼び出してみましたが、それでも違いはありませんでした。

私はこれで頭がいっぱいです。イベントを自動的に発生させずに onclick イベントをアンカータグに割り当てる方法はありますか? 私は何を間違っていますか？

4

1 に答える 1

3

関数は Javascript のファースト クラス オブジェクトです。これは、関数を変数に割り当てたり、引数として他の関数に渡したりできることを意味します。あなたのコードでは、関数呼び出しと関数への参照を混同しています。

このコードを見てください：

$(anchor_id).observe('click', loadData(prv, dao_id, true));

これは、「loadData」への呼び出しの結果を監視関数に渡します。あなたがしたいことは、代わりに関数呼び出しへの参照を渡すことです。コードを次のように変更することで、簡単に修正できます。

$(anchor_id).observe('click', function() { loadData(prv, dao_id, true) } );
于 2008-11-15T16:29:44.757 に答える