javascript - 无法将 html 插入 jQuery 对象

Question

我想将一些 html 插入到我页面上的一个 div 中，但它不起作用。我正在尝试插入模板化 html $('#users-found').html(tpl) 但它不起作用。它在我使用 this.$el.append 时有效，但我希望在每次搜索用户时更改它。有什么想法吗？

define([
  'jquery',     
  'underscore', 
  'backbone',
  'parse',
  'text!templates/searchUsers_tpl.html',
  'text!templates/userList_tpl.html'    
], function($, _, Backbone, Parse, SearchUsersTpl, UserListTpl){
var SearchUsersView = Backbone.View.extend({

    el: '#content',

    initialize: function(){
        console.log('search users');
        this.render();
    },

    render: function(){
        this.$el.html(SearchUsersTpl);
    },

    events: {
        'click #submit-search': 'search'
    },

    search: function(){
        var self = this;
        var input = $('#search-users-input').val();
        console.log('search input: ' + input);
        var query = new Parse.Query(Parse.User);
        query.equalTo('username', input);
        query.find({
            success: function(results){
                console.log("Successfully retrieved " + results.length + " users.");

                for (var i = 0; i < results.length; i++) {
                    var object = results[i];
                    console.log(object.id + ' - ' + object.get('username'));
                }

                var tpl = _.template(UserListTpl, {users: results});
                $('#users-found').html(tpl);
            },
            error: function(){
                console.log('search for user failed');
            }
        });
    }

}); 
  return SearchUsersView;      
});

创建 View 时加载的 html，SearchUsersTpl

<h1>Find Friends</h1>
<br>
<br>
<input id='search-users-input' type="search" value="" placeholder="search username" class="topcoat-search-input">
<button type='search' id='submit-search' class='topcoat-button'>Search</button>
<br>
<br>
<div id='#users-found'></div>

模板

<div>
 <% _.each(users, function(user) { %> 
    <li><%= user.get('username') %></li> 
 <% }); %>
</div>

Answer 1

您的 DIV 有错误的 ID。它应该是

>

而不是 < div id='#users-found' >>