我想在触摸表行时执行导航到其他屏幕。为此,我做了以下操作:
<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>
。还是没有成功。最后,我尝试了无序列表。但什么也没发生。
如何在表行触摸时导航到其他屏幕?
您需要在锚标记中指定一个操作,而不仅仅是一个控制器。您可以尝试如下操作:
<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>