update

@@ -5,10 +5,12 @@
  */
 
 var $ = require('jquery'),
+    Hammer = require('hammer'),
     tip = require('../plugin/tip'),
     lazyLoad = require('yoho.lazyload');
 
-var winH = $(window).height(),
+var navHammer,
+    winH = $(window).height(),
     loadMoreH = $('#load-more').height(),
     $goodList = $('#goods-list'),
     loading = false,
@@ -35,8 +37,11 @@ if (kidsType) {
 
 $curNav = $navList.children('.focus');
 
-$('#maybe-like-nav').delegate('li', 'tap', function() {
-    var $this = $(this),
+navHammer = new Hammer($navList[0]);
+navHammer.on('tap', function(e) {
+    var $this = $(e.target).closest('li'),
+//$('#maybe-like-nav').delegate('li', 'touchstart', function() {
+//    var $this = $(this),
         $goods = $('.goods-list'),
         $content;
 
@@ -59,9 +64,18 @@ $('#maybe-like-nav').delegate('li', 'tap', function() {
     $(document).trigger('scroll'); //Trigger lazyLoad
 });
 
+$('.maybe-like p').on('touchstart', function (e) {
+    search();
+});
+
 //srcoll to load more
 $(window).scroll(function () {
     if ($(window).scrollTop() + winH >= $(document).height() - loadMoreH - 50) {
+       search();
+    }
+});
+
+function search() {
     if (loading) {
         return;
     }
@@ -120,6 +134,4 @@ $(window).scroll(function () {
             loading = false;
         }
     });
-    }
-
-});
\ No newline at end of file
+}
\ No newline at end of file

@@ -39,16 +39,6 @@ $searchBox.find('.clear-text').click(function () {
     $searchBox.find('input').val('').trigger('focus');
 });
 
-// clearTextHammer = new Hammer($searchBox.find('.clear-text')[0]);
-// clearTextHammer.on('tap', function(e) {
-//     $searchBox.find('input').val('').trigger('focus');
-// });
-
 $searchBox.find('.search-icon').click(function () {
     $indexSearch.submit();
 });
\ No newline at end of file
-
-// searchIconHammer = new Hammer($searchBox.find('.search-icon')[0]);
-// searchIconHammer.on('tap', function(e) {
-//     $indexSearch.submit();
-// });
\ No newline at end of file

@@ -17,7 +17,6 @@
         height: 192rem / $pxConvertRem;
         border-bottom: 1px solid #e0e0e0;
         border-right: 1px solid #e0e0e0;
-        border-top: 1px solid #e0e0e0;
     }
 
     .classify-logo {

@@ -31,6 +31,8 @@
 
                 img {
                     vertical-align: middle;
+                    width: 100%;
+                    height: 100%;
                     max-width: 100%;
                     max-height: 100%;
                 }

 <div class="maybe-like">
-    <p class="title">
-        <i class="icon"></i>
-        <span>你可能喜欢</span>
-    </p>
-
     <ul id="maybe-like-nav" class="maybe-like-nav clearfix">
         <li class="maybe-like-nav-item focus">新品到着</li>
         <li class="maybe-like-nav-item">人气单品</li>