Привязка текста всплывающей подсказки и модальное диалоговое окно не работают с Knockout

Я создал этот пример скрипта 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>

modal-dialog tooltip knockout.js qtip
person Aditya    schedule 01.02.2013    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Консоль — ваш друг:

Неперехваченная ошибка: невозможно проанализировать привязки. Сообщение: 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, и, возможно, это приведет вас туда, куда вам нужно.

person Jason M. Batchelor    schedule 01.02.2013
comment
код не выдает ошибку с $data.title, но подсказка по-прежнему не показывает текст заголовка. Также мне нужно, чтобы диалоговое окно появлялось при нажатии одной из подсказок, можете ли вы показать мне пример, как это сделать. - person Aditya; 05.02.2013