关于客户端不显眼的 JavaScript hack 的反馈

问：

我正在开发一个 SPA 应用程序，其中 Backbone.js 是体系结构的主要部分。

我们还有一些 Twitter Bootstrap 风格，其中我们有 Button 组[1]。 因此，html将这些按钮用作复选框或单选按钮。

为了透明地将Backbone模型绑定到包含这些按钮的Backbone视图，而不是使用Backbone.ModelBinder[2]，我砍掉了以下代码：

# Twitter Bootstrap compatibility
addButtonGroupModelBindingSupport = ->
    $(@el).one 'mousedown keydown', '.btn-group[data-toggle="buttons-radio"] button', ->
        $(@).closest('.btn-group').find('button').prop 'type', 'radio'

installTwitterBootstrapModelBindingSupport = ->
    backboneView = Backbone.View
    ButtonGroupModelBinderSupportView = Backbone.View.extend
        constructor: ->
            backboneView.apply @, arguments
            addButtonGroupModelBindingSupport.call @
            return

    Backbone.View = ButtonGroupModelBinderSupportView

installTwitterBootstrapModelBindingSupport()

此代码是导出 ModelBinder 的模块的内部代码，因此它只执行一次。 我在 Backbone.View 中混合了我需要的行为，以便以一种不显眼的方式注入似是而非的 JavaScript。

所以我告诉那些按钮，它们不再是按钮了。 据我所知，Chrome、Firefox 和 IE 对此没问题。

被愚弄了，ModelBinder 正确地将这些按钮作为复选框或单选按钮处理，一切都可以根据需要工作。

如果这个黑客看起来太棘手了，那么很高兴听到更有经验的前端开发人员的意见。

[1] http://twitter.github.com/bootstrap/components.html#buttonGroups

[2] https://github.com/theironcook/Backbone.ModelBinder