jquery - jQuery主干搜索输出错误

Question

所以。我的主干搜索输出有问题。当我搜索某些内容时，一切正常并输出：结果： 立即测试...当我决定搜索其他内容时，它会将其输出为结果：testResult：test2这是不正确的。我还有在线演示http:// jsbin.com/ogabam/3 谢谢。

指数：

<form name="input" action="" method="get">
Search: <input type="text" name="search">
<input type="submit" value="Submit">
</form>

<script type="text/javascript">
$('form').submit(function() {
    var form_data = ($(this).serialize());
    window.location.hash = form_data.replace('=','/');
    return false;
});
</script> 

主要的：

(function() {

window.App = {
    Models: {},
    Collections: {},
    Views: {},
    Router: {}
};

App.Router = Backbone.Router.extend({
    routes: {
        '': 'index',
        'show/:id': 'show',
        'search/:query': 'search',
        '*other': 'default'
    },

    index: function() {
        $(document.body).append("");
    },

    show: function(id) {
        $(document.body).append(id);
    },

    search: function(query) {
        $(document.body).append("Result: " + query);
    }

});

new App.Router();
Backbone.history.start();

})();

Answer 1

添加 adiv作为结果的占位符，然后用结果替换文本。

（如果你想使用append你可以使用empty()之前）

工作示例：http: //jsbin.com/ogabam/4/