knockout.js - 工具提示文本绑定和模态对话框不适用于 Knockout

Question

我创建了这个小提琴示例http://jsfiddle.net/adi85/mBpJB/8/

我无法将数据绑定到工具提示，并且我正在尝试使用由于模板绑定而无法工作的模态对话框。

<table class="tbl" id="dash" >    
    <thead><tr>
        <th>Title</th>
        </tr></thead>
    <tbody data-bind="foreach: course">
        <tr>
          <td><a href="#" id="qtipselector_01" data-bind="text: title, loadqtip: true"></a></td>
          <div id="TooltipContent_01" class="hidden"><!--for each tr there will be a tool tip-->
     <!-- in the below a tag the bidning is not working and also the dialog box is not working for me --> 
            <a data-bind="text: title" data-reveal-id="dialog" data-animation="fade"> Enroll </a>
          </div>
    </tr>   
    </tbody>
 </table>

Answer 1

控制台是您的朋友：

未捕获的错误：无法解析绑定。消息：ReferenceError：标题未定义；绑定值：文本：标题

在我看来，您需要访问课程 observableArray 项目略有不同。

http://jsfiddle.net/mori57/mBpJB/6/

<table class="tbl" id="dash" >    
    <thead><tr>
        <th>Title</th>
        </tr></thead>
    <tbody data-bind="foreach: course">
        <tr>
          <td><a href="#" id="qtipselector_01" data-bind="text: $data.title, loadqtip: true"></a></td>
          <div id="TooltipContent_01" class="hidden">
            <a data-bind="text: $data.title" data-reveal-id="dialog" data-animation="fade"> Enroll </a>
          </div>
    </tr>   
    </tbody>
 </table>

本质上，我所做的只是告诉它访问 $data.title，而不是 title。目前不记得为什么这会起作用，只是调用 title 不会，但看看 Fiddle，也许这会让你到达你需要去的地方。