下面你可以看到HTML和viewmodel js文件的一部分

var tag = function (data) {
    this.count = data.Count;
    this.id = data.Id;
    this.title = data.Title;
    this.tagGroup = data.TagGroup;
};
 var tagContainer = function (data) {
    this.tagList = $.map(data.Tags,function (item) { return new tag(item); }); 
    this.letter = ko.observable(data.Letter);
};
 
var searchviewmodel = function(){
   var self = this;
 
   self.tagContainerList = ko.observableArray([]); 
 
   self.addFilter = function (tag) { 
    //move tag to active filters and do some more cool stuff here 
    };
 
 
};
 
<div id="modal-all-tags" data-bind="with:searchviewmodel">
    <ul data-bind="foreach:tagContainerList">
        <li>
            <span data-bind="text:$data.letter()"></span>
            <ul data-bind="foreach:tagList">
                <li><a href="#" data-bind="click:$root.addFilter"><span data-bind="text:title"></span></a></li>
 
            </ul>
        </li>
    </ul>
 
      <a class="close-reveal-modal">&#215;</a>
</div>

基本上它是一个模态的弹出窗口,当用户单击页面上的链接时它被加载.
我向服务器发送一个请求,它给我一个标签容器的列表,每个都有起始信和一个标签列表,如下所示：
一个
一个字1
一个字2
乙
b字1
b字2
C
c字1
c字2

等等…

这些字母正确呈现A,B,C,并且每个文本都会以正确的方式显示正确的标题列表：文本：标题显示.

除了addFilter();功能,我想绑定到标签列表中的每个链接.浏览器刚刚跳转,并向网址添加了一个哈希字符. Firebug也没有显示绑定的任何错误.

div容器具有以下原因：searchviewmodel是因为整个页面都有一个主视图模型.但这并不重要,因为它正在项目的每个其他页面上工作.

我唯一可以想到的是,点击绑定$root.addFilter是错误的,但我尝试只是addFilter其中firebug给出错误“addFilter没有定义”;

我试过$parent和$root.

有没有人有什么建议？