在html頁面上有一段script的模板，給a標籤新增繫結click事件
 <script type="text/x-handlebars-template" id="waterfall-tpl">
            {{#result}}
               <div class="item">
                <a href="javascript:;" data-url = 'detail.html' onclick="add(this)"><img src="{{image}}" class="img-full img-border"
 
></a>
                <ul class="clear item-ul">
                    <li class="fl li-left"><a href="javascript:;" data-url = 'detail.html' class="pic-a">雪菜</a></li>
                    <li class="fl li-right"><a href="javascript:;" data-url = 'detail.html' class
 
="img-name gray-color">黃小希</a></li>
                    <li class="fl red-color li-left">$1000</a></li>
                    <li class="fl li-right">
                        <a href="javascript:;"  class="gray-color">評論</a>
                        <a href="javascript:;"
 
  class="gray-color zan-a">贊</a>
                    </li>
                </ul>
            </div><!--item end-->
            {{/result}}
          </script>

js程式碼
<script type="text/javascript">
            function add(e){
                var dataUrl = e.getAttribute("data-url");
                 e.href = dataUrl;
            }
        </script>
ps：需要注意是在同一個html頁面的</body>標籤的上面寫js程式碼才可以讓add(e),這個方法執行。要是外部引入js檔案，那麼add（e）這個方法不執行。也需要注意<a href="javascript:;" data-url = 'detail.html' onclick="add(this)"><img src="{{image}}" class="img-full img-border"></a> 注意a標籤的onclick事件需要傳一個引數this