js 点击某个区域跳转 即某个<div区域

<div class="media medi" onclick="javascript:location.href='{:U('detail', 'id='.$shop['id'])}'">

<div class="cp_bt" style="margin-top:15px">

<foreach name="goods_shop" item="shop"  >

<div class="media medi" onclick="javascript:location.href='{:U('detail', 'id='.$shop['id'])}'">
<a class="pull-left" href="{:U('detail', 'id='.$shop['id'])}">
<img class="media-object" src="{$shop.goods_img}" alt="媒体对象" width="100" height="100">
</a>
<div class="media-body"    >
<h6 class="media-heading med_head">{$shop.goods_name}</h6>
<div class="page-header pa_hea">
<h2>好评率:{$shop.class}<small style=" float:right">{$shop.sales_volume} 人已购买</small></h2>
<h3><span class="pull-left">￥ {$shop.price}</span> <!--<a class="sma_bg pull-left" href="javascript:">{$shop.volume}元</a> --> </h3>
<p class="clearfix"></p>
<h2>{$shop.evaluation1}人评价</h2>
</div>
</div>
</div>
</foreach>

<div class="cksy_btn">
<a href="{:U('find')}">查看所有商品</a>
</div>