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 回答