Question

我在JavaScript方面有相当多的经验，对于这个我正在进行的新项目（带有盈利概念的博客的cms），我想我会加强它并以MVC方式编写JavaScript。我一直在使用一些骨干和下划线，但它不是在精神上点击。无论如何，我已经编写了一些代码来处理一些事件/效果，但它只是不起作用。如果有人能把我解雇我真的很感激。

// Semi Perfect grade 0 JS - Golden age
//partial View Objects | Events
var pshare_dock = {
    actor: $("#share_dock"),
    drag: function () {
        this.actor.draggable();
    }
}
pshare_dock.expand = function () {
    this.actor.dblclick(function () {
        $(this).toggleClass("share_close");
    });
}
var pmenu = {
    hover: function () {
        $("ul.drop li.drop").hover(function () {
            $(this).find('ul').fadeIn(1);
        }, function () {
            $(this).find('ul').hide();
        })
    },
    navigate: function () {
        $("a.ajx").click(function (e) {
            var link;
            var container = $("#content_pane");
            e.preventDefault();
            link = $(this).attr("href") + "#content_pane";
            container.load(link);
        })
    }
}
var pcontent_pane = {}
var ppost = {}
var pdatabase_entry = {}
//Views
var Homepage = function () {
        this.share_dock = function () {
            new pshare_dock();
        }
        this.menu = function () {
            new pmenu();
        }
        this.content_pane = function () {
            new pcontent_pane();
        }
        this.posts = function () {
            new ppost();
        }
    }
    //Controller
var GoldenAgeRouter = Backbone.Router.extend({
    routes: {
        "!/": "defaultRoute",
        "*actions": "defaultRoute"
    },
    defaultRoute: function (actions) {
        var homeView = function () {
                new Homepage();
            }
    }
})
$(document).ready(function () {
    var Golden_age = function () {
            new Homepage();
        }
})

问题本质上是什么问题呢？

Answer 1

您将实例化包装在匿名函数中但不调用它们：

var Golden_age = new Homepage(); // Invoked.

var Golden_age = function(){ new Homepage(); } // Stored function, not invoked.

OO（面向对象）的javascript

1 个答案: