0

このフィドルの例を作成しました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>
4

1 に答える 1

0

コンソールはあなたの友達です:

不明なエラー: バインドを解析できません。メッセージ: 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 にアクセスするように指示しただけです。なぜそれが機能するのか、現時点では思い出せません。タイトルを呼び出すだけでは機能しませんが、Fiddle を確認してください。必要な場所に移動できる可能性があります。

于 2013-02-01T22:34:15.153 に答える