如何使用轮播插件显示特定页面和项目

Question

您好我正在使用轮播插件为我的主题视图实现水平滚动

页面上发生的是：

1）用户可以滚动到右边的几页搜索主题

2）用户点击他/她喜欢的主题

3）整个页面重新呈现，即主题部分和下面的部分都将重新呈现

4）将重置主题部分，并将再次显示主题滚动的第一页

如何跟踪轮播列表中的哪个项目被选中，以便在重新呈现页面时显示？另外，如何将滚动切换到正确的页面以显示所选主题？

我当前实现的片段如下：

//Appending topics in carousel plugin (question page view)
addAllTopics: ->
  @options.topics.each(@addOneTopic)
  Onethingaday.Public.checkActive(Backbone.history.fragment)

  @$('li.all_topics').show()

  $('#my-carousel').carousel({
    itemsPerPage: 4,
    itemsPerTransition: 4,
    speed: 500,
    noOfRows: 1,
    nextPrevLinks: true,
    pagination: true,
    easing: 'swing'
  })

addOneTopic: (topic) ->
  if topic.get('question_count') > 0
    $(@el).find('ul.topics').append @topic_template(topic.toJSON())

//individual @topic_template - on click on topic, the route of '/topics/topic_slug' will be triggered which rerenders the whole questions page
%li
  %a{href: "/topics/<%= topic.slug %>", :'data-active' => "/topics/<%= topic.slug %>", slug: "<%= topic.slug %>", text: "<%= topic.text %>" } #<%= topic.slug %>