0

我正在研究这个菜单系统,它与操作系统的操作方式非常相似。使用 jquery 等。

我在 For 循环中有 2 条评论。它基本上是在 $(document).on('click')... 函数中输出每个索引的最后一个索引。但是在document.on之外它工作正常。

这可能只是一个明显的问题,但我已经花了大约一个小时来解决这个问题。提前谢谢!

    menu: function(title) {
        this.title = title;
        this.slug = slugify(title);
        this.icon = false;
        this.buttons = Object();
        this.num_buttons = 0;
        this.visible = false;
        this.timeout_id = null;
        this.is_hovering_dropdown = false;
        this.is_hovering_menu = false;


        this.render = function() {
            var that = this;
            var slug = that.slug;
            var str = '<li id="menu-' +slug +'"><a href="#" id="menu-toggle-' +slug + '">' + this.title + '</a>';

            if (this.num_buttons > 0) {
                str += '<ul id="menu-dropdown-' + slug + '" style="display: none;" class="dropdown">';
                for (var button in this.buttons) {

                    str += '<li><a href="#" id="menu-dropdown-' + slug + '-' +that.buttons[button]['slug'] +'">' +that.buttons[button]['title'] +'</a></li>'

                    alert(button) //new project, open project, save as etc.
                    $(document).on("click", "#menu-dropdown-" +slug + '-' + that.buttons[button]['slug'], function() {
                        $("#menu-dropdown-" + slug).hide("fade", 200);
                        that.visible = false;

                        alert(button);//save as, save as, save as, save as etc.
                    });
                }
            }
        }
    }
4

1 回答 1

1

干得好:

由于操作顺序和作用域,所有按钮都通过引用LAST的值来保存button

您要做的是将该分配放在立即调用函数中,并将按钮传递到该特定函数范围。

(function (button) { $(document). //...... }(button));

立即函数内部的所有内容都应该仍然可以访问立即函数范围之外的静态内容(即:)that并且它还将具有对当前值的引用button,因为它在当时和那里被调用。

故事的更长版本是,您的按钮在创建时被赋予对 的引用button而不是 的button因此,当稍后实际调用它们时,它们引用当前存在的按钮的值(即:它在循环中分配的最后一个值)。

于 2012-07-25T21:47:47.400 回答