0

好的，我有一个简单的 JQuery 插件，当应用于 div 时，它将使用预加载器图像整齐地加载该 div 中的所有图像。这工作正常。

但是，在 Backbone 中，我在页面加载后将数据从 JSON 附加到元素。因此下面的代码将不起作用。

$(document).ready( ->
    $("#theList").preloader()
)

所以我需要在我的列表生成后将“$("#theList").preloader()”放在我的渲染函数中..

class HomeView extends Backbone.View
constructor: ->
    super

initialize: ->
    @isLoading = false

events: {
     "click #nextPage": "nextPage"
     "click #prevPage": "prevPage"  
}


template: _.template($('#home').html())
theListTemplate: _.template($('#theList').html())

render: ->
    $(@el).append(@template)
    @loadResults()
    $("#theList").preloader() #<----------------- DOESN'T WORK NOW


loadResults: () ->
    @isLoading = true

    Properties.fetch({
        success: (data) =>

            #Append properties to list
            $('#theList').append(@theListTemplate({data: data.models, _:_})).listview('refresh')


        error: ->
            @isLoading = false
            alert('Unable to load information')
    })

但是，现在代码行位于主干视图/模型/控制器或其他任何内容中，它不起作用..

作为参考，我像这样加载我的应用程序..

$(document).ready( ->
    console.log('document ready')
    app.AppRouter = new AppRouter()
    Backbone.history.start()
)

任何帮助将非常感激！谢谢。

4

1 回答 1

2

假设预加载器不打算在添加的节点上操作loadResults#fetch#success（因为在您调用预加载器时 fetch 尚未返回），我怀疑问题是，在render()函数执行期间，视图el不是一部分DOM 还没有。

如果你调用HomeView喜欢

myHomeView = new HomeView()
$('some selector').append(myHomeView.render().el)

HomeView 的 el 尚未添加到 DOM，它在一个分离的文档中。

因此 jQuery 选择器$("#theList")返回一个空的结果 - 因为它搜索 DOM。这可以通过 console.log'n 选择器的结果轻松验证，或者使用调试器放置断点并使用控制台进行测试。

值得庆幸的是，修复很容易。您需要通过将选择器范围限定为视图来引用分离的文档，或者使用范围为视图的 jQuery 引用：

@$("#theList").preloader()

或者，自己做

$(@el).find("#theList").preloader()
于 2012-08-21T16:34:35.453 回答