Question

我正在尝试为通过链接访问的帖子设置一个显示页面：

<a class="post-link button" href="#">details</a>

当渲染帖子项目时，会给出一个像这样的href：

this.$('a').attr('href', this.postUrl());

...

postUrl: function() {
  return "#posts/" + this.model.get('id');
}

呈现字段时，链接显示为：

http://[path_to_app]/#posts/[whatever_id]

当我点击该链接时，应该点击此路由器：

routes: {
  ''          : 'index',
  'new'       : 'newPost',
  "posts/:id" : 'show'
}

但是我得到了这个错误，它根本不会进入show函数：

Uncaught Error: Syntax error, unrecognized expression: /1 jquery.js:4268
  Sizzle.errorjquery.js:4268
  Sizzle.filterjquery.js:4254
  Sizzlejquery.js:4044
  Sizzlejquery.js:5176
  jQuery.fn.extend.findjquery.js:5432
  jQuery.fn.jQuery.initjquery.js:188
  jQueryjquery.js:28
  hashchangetabs.js:9
  jQuery.event.dispatchjquery.js:3333
  jQuery.event.add.elemData.handle.eventHandle

当我将链接更改为“＃post /”+ id并将路由更改为“post /：id”时，则不会发生此错误。

我正在学习Backbone，并且真的可以在这里使用。另外值得注意的是：我的路线根据帖子#index action。

编辑（更相关的代码）：

# Model
[APP].Models.Post = Backbone.Model.extend({
  urlRoot: '/posts'
});

#Router
[APP].Routers.Posts = Support.SwappingRouter.extend({
  initialize: function(options) {
    this.el = $('#posts');
    this.collection = options.collection;
  },

  routes: {
    ''          : 'index',
    'new'       : 'newPost',
    "posts/:id" : 'show'
  },

  index: function() {
    var view = new [APP].Views.PostsIndex({ collection: this.collection });
    this.swap(view);
  },

  newPost: function() {
    var view = new [APP].Views.PostsNew({ collection: this.collection });
    this.swap(view);
  },

  show: function(postId) {
    var post = this.collection.get(postId);
    var postsRouter = this;
    post.fetch({
      success: function() {
        var view = new [APP].Views.PostShow({ model: post });
        postsRouter.swap(view);
      }
    });
  }
});

#Post Item View
[APP].Views.PostItem = Backbone.View.extend({
  tagName: 'tr',

  initialize: function() {
    _.bindAll(this, 'render');
  },

  render: function () {
    this.$el.attr('id', 'post_' + this.model.id);
    this.$el.html(JST['posts/item']({ post: this.model }));
    this.renderFormContents();
    return this;
  },

  renderFormContents: function() {
    ...
    this.$('a').attr('href', this.postUrl());
  },

  postUrl: function() {
    return "#posts/" + this.model.get('id');
  }
});

Answer 1

某处，某种程度上，不知何故，这个问题是由于文件未按特定顺序加载造成的。我希望我能更具体，但我没有在backbone.min.js中加载到正确的位置。

我能够有一些功能，因为我已经包含了一个旧的主干部分文件，我试图自定义，破坏，并且思想被删除。

真的，真是个愚蠢的错误，我想不出一会儿。感谢您的所有帮助。

Answer 2

backbone文档中的checkout url和urlRoot：您可能不需要手动设置标准restful资源的url：http://documentcloud.github.com/backbone/#Model-url

BackboneJS on Rails语法错误，无法识别的表达式：/ 1

2 个答案: