可以'ajax调用后，我找不到模板中的元素

Can't find element in my template after ajax call

本文关键字：找不到 元素 ajax 调用 可以      更新时间：2023-09-26

我正试图在Ajax调用成功的模板中找到一个图像。。。但我不能！

这是我的代码：

class AvatarView extends Backbone.View
  template: JST["backbone/templates/twitter_avatar"]
  initialize:(options) ->
    @user = options.user
  render: =>
    @$el.html(@template({
      view_id: @cid
      avatar_url: @user.avatar() || "src/image_not_found.png"
    }))
    @$el.find(".avatar").on('error', @_reloadAvatar)
  _reloadAvatar: =>
    $.ajax
      type: 'GET'
      url: "/profiles/api/twitter/#{@user.social_network_id()}/avatar_url"
      success: (response) =>
        if response.success
          avatar_url = response.avatar_url
        else
          avatar_url = 'https://abs.twimg.com/sticky/default_profile_images/default_profile_0_normal.png'
        @$el.find(".avatar").attr('src', avatar_url)  # Here is the problem

当我调试这个：

  • "this"是AvatarView的一个实例，并且
  • @$el是一个空div，找不到avatar类

这是模板：

<img src="<%= avatar_url %>" alt="avatar" class="avatar" id="avatar-image-<%= view_id %>">

我感觉自己好像失去了DOM对象之类的东西。。

我仍然不明白为什么它不起作用，但我使用事件参数解决了我的问题

_reloadAvatar:(event) =>
$.ajax
  type: 'GET'
  url: "/profiles/api/twitter/#{@user.social_network_id()}/avatar_url"
  success: (response) =>
    if response.success
      avatar_url = response.avatar_url
    else
      avatar_url = 'https://abs.twimg.com/sticky/default_profile_images/default_profile_0_normal.png'
    @(event.target).attr('src', avatar_url)
相关文章：