Javascript Appframework标头中的敲除单击事件未触发

我正在制作一个Cordova/Phonegap应用程序，使用Appframework和Knockout js作为前端和后端。我遇到的问题发生在第一个加载面板的标题中

HTML：

<div id="afui">
    <div id="content">
        <!--CLASS LIST VIEW -->
        <div class="panel" title="Classes" id="classList" 
             data-footer="none" selected="true">
            <header>
                <div style="float:right" data-bind="click:addClass" 
                     class="button icon add white"></div>
                <h1>Classes</h1>
            </header>
            <ul class="list" data-bind="foreach: classes">
                <li data-bind="click:openClass, attr: { id: id, name: name }">
                    <a href="#categoryList">
                      <span style="padding-right:20px" data-bind="text: name">
                      </span>Grade:
                    </a>
                </li>
            </ul>
        </div>
        <!-- CATEGORY VIEW -->
        <div class="panel" id="categoryList" title="Class Name">
            <header>
                <a id="backButton" href="javascript:;" class="button" 
                   style="visibility: visible; ">Back</a>
                <h1 data-bind="text: header "></h1>
                 <div style="float:right" data-bind="click:addCategory" 
                      class="button icon add white">
                 </div>
            </header>
            <ul class="list" data-bind="foreach: categories">
                <li data-bind="text:name"></li>
            </ul>
        </div>
    </div>
</div>

是通过不为

classModel

ko绑定指定第二个参数实现的。当然，这将是一个问题，因为我有多个视图，需要指定每个模型应该观察哪个容器

视图模型

类别模型：

function classInfo(name, id, parent) {
    var self = this;
    self.name = ko.observable(name);
    self.score = ko.observable('');
    self.id = ko.observable(id);

    self.openClass = function(data, event) {
        parent.currentClass(event.currentTarget.name);
    };
}

function classListViewModel() {
    var self = this;

    //class array object
    self.classes = ko.observableArray([]);

    //current class name
    self.currentClass = ko.observable().publishOn("currentClass");

    //remove a class from the model
    self.removeClass = function(obj) {
      //remove the class
    };

    //add a new class to the model
    self.addClass = function() {
        //add a new using classInfo object
    };
} 

那么，这里发生了什么？Appframework是否对主页上的标题做了一些奇怪的操作，导致

click:addClass

事件未触发

---

如有任何见解/帮助，将不胜感激，谢谢

你需要发布你的视图模型你的id是否唯一？addClass函数可能不在你的父视图模型或post viewmodel中，因此我们可以找出问题我添加了我的classListViewModel。让我知道你们的想法

function classInfo(name, id, parent) {
    var self = this;
    self.name = ko.observable(name);
    self.score = ko.observable('');
    self.id = ko.observable(id);

    self.openClass = function(data, event) {
        parent.currentClass(event.currentTarget.name);
    };
}

function classListViewModel() {
    var self = this;

    //class array object
    self.classes = ko.observableArray([]);

    //current class name
    self.currentClass = ko.observable().publishOn("currentClass");

    //remove a class from the model
    self.removeClass = function(obj) {
      //remove the class
    };

    //add a new class to the model
    self.addClass = function() {
        //add a new using classInfo object
    };
}