0

表の行をタッチすると、別の画面に移動したい。そうするために、私は次のことをしました： 

<table>
<tr><a href="<%= url_for :controller => :Products %>"></a>
<td width="80"><img src="http://images.bizrate.com/resize?sq=60&uid=2605377575" width="80px"></img></td>
<td>
<table>
    <tr>
        <td width="260"><label for="label1">GPS Navigation System-$68.00</label></td>
    </tr>
        <tr>
<td width="260"><label for="label2">TomTom 3.5 One 125</label></td>  
        </tr>
        </table>
        </td>
        </tr>
</table>

しかし、何も起こりませんでした。tdにも応募<a href="<%= url_for :controller => :Products %>"></a>してみました。まだ成功していません。最後に、順序付けられていないリストを試しました。それでも何も起こりませんでした。 テーブルの行のタッチで他の画面に移動するにはどうすればよいですか?

4

1 に答える 1

1

コントローラーだけでなく、アンカー タグでアクションを指定する必要があります。次のようなことを試すことができます。

<table>
   <tr onclick="rowClick();">
     <td width="80"><img src="http://images.bizrate.com/resize?sq=60&uid=2605377575" width="80px"></img></td>
     <td>
       <table>
         <tr>
           <td width="260"><label for="label1">GPS Navigation System-$68.00</label></td>
         </tr>
         <tr>
           <td width="260"><label for="label2">TomTom 3.5 One 125</label></td>  
         </tr>
       </table>
     </td>
   </tr>
</table>

<script type="text/javascript">
  function rowClick() {
    window.location = "<%= url_for :controller => :Products, :action => :show, :params => { :item_id => 1234 } %>";
  }
</script>
于 2011-11-08T14:40:47.513 に答える