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：未定义标题; 绑定值：text：title

在我看来，你需要稍微不同地访问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。现在不记得为什么那会起作用，只是打电话给冠军不会，但看看小提琴，也许那会让你到达你需要去的地方。

工具提示文本绑定和模态对话框不与Knockout一起使用

1 个答案: