带有 href 绑定的图像不起作用答案

【问题标题】：Image with href binding won't work带有 href 绑定的图像不起作用
【发布时间】：2014-02-18 16:01:30
【问题描述】：

我有这个并且它可以工作（它显示带有文本和图标的链接）：

  <tr>
       <th>
         <a href=";" data-bind="click: sortReport.bind($data, 'byDate') "> Date 
           <img src='@Url.Content("~/assets/images/icons/sort_asc.png")'  />
         </a>
       </th>
  </tr>

但这不会显示图标（如果我删除文本：$data.Name，它将显示图标）：

       <thead>
        <tr data-bind="foreach: tableHeaderNames">    
          <th> 
             <a href=";" data-bind="text: $data.Name, click: $parent.sortReport.bind($data, 'byDate') "> 
                <img src='@Url.Content("~/assets/images/icons/sort_asc.png")' />
             </a>                                     
           </th>
         </tr>
       </thead>

我能做什么？ (tnx)

【问题讨论】：

标签： javascript html knockout-2.0 knockout-mvc

【解决方案1】：

为什么不能只为图标使用一个类？

或者你能做这样的事情吗？

   <thead>
    <tr data-bind="foreach: tableHeaderNames">    
      <th> 
         <a href=";" data-bind="click: $parent.sortReport.bind($data, 'byDate') "> 
            <img src='@Url.Content("~/assets/images/icons/sort_asc.png")' />
            <span data-bind="text: $data.Name"></span>
         </a>                                     
       </th>
     </tr>
   </thead>

【讨论】：