ノックアウト js を使用する新しいプロジェクトに取り組んでいます。観察可能な配列を作成するフォームに入力された画像と情報を表示する小さなテーブルをセットアップしました。アンカー (リンク) タグでラップされた画像があり、KO データ バインドを介して href にフィードしています。下記参照。
<a data-bind="attr: {href: imgUrl}" target="_blank"><img class="imgThumb" data-bind="attr: {src: imgUrl}"/></a>
これらはすべて期待どおりに表示されますが、実際にクリックして画像の場所に移動するリンクはありません。
配列エントリは次のようになります。
col1: 'Bert', col2: 'Muppet', col3: 'Sesame Street', imgUrl: 'http://images3.wikia.nocookie.net/__cb20101210195428/muppet/images/4/40/Bert1970s.jpg'
レンダリングされた HTML は次のようになります。
<a data-bind="attr: {href: imgUrl}}" target="_blank" href="http://images3.wikia.nocookie.net/__cb20101210195428/muppet/images/4/40/Bert1970s.jpg"><img class="imgThumb" data-bind="attr: {src: imgUrl}" src="http://images3.wikia.nocookie.net/__cb20101210195428/muppet/images/4/40/Bert1970s.jpg"></a>
繰り返しになりますが、私のリンクはどれも機能しません。期待どおりにクリックして画像の場所に移動できません。誰でもここで私を助けて、私が欠けているものを指摘できますか? また、注意してください、私も追加しようとしましたclick: function(){ return true; }が、それも役に立ちませんでした。事前に感謝します。デモはここにあります: http://dev.voidbase.com/working.html