如何让我的推送菜单更加用户友好？

-1

我的网站的手机网站（http://www.codesrce.com/thedrumcenter）有一个非常现代且功能正常的推送菜单。不过，我期望让它更加用户友好。有人可以帮助我调整我的代码，以便当用户按下菜单按钮时，菜单将打开，并且当用户将屏幕向右滑动以将其打开时，然后一旦打开，则它们向左滑动至关闭它？另外，当按下按钮时，我希望它变成这种颜色，＃0099FF，然后当它关闭时变回灰色。对不起，如果我的措辞不是最好的，但我希望你明白我的意思。 :)我会提供我的代码至今：如何让我的推送菜单更加用户友好？

HTML

<div id="Mobile"> 

     <div id="menu"> 

     <ul> 

      <li><a href="#">Top Brands</a></li> 

      <li><a href="#">Drums</a></li> 

      <li><a href="#">Hardware</a></li> 

      <li><a href="#">Cymbals</a></li> 

      <li><a href="#">Sticks</a></li> 

      <li><a href="#">Drum Heads</a></li> 

      <li><a href="#">Terms of Use</a></li> 

      <li><a href="#">Affiliations</a></li> 

     </ul> 

    </div> 

    <div id="right"> 

      <div id="Top"> 

      <div id="menubar"> 

         <a id="menubarheader">DrumCenter</a> 

       <a href="#menu" id="button" class="buttonicon"></a> 

       <a href="#" id="searchlink" class="searchlink"></a> 

      </div> 

     </div> 

    </div> 

    </div>

JQuery的

$('#button').toggle( 
     function() { 
      $('#right').animate({ left: 275}, 'fast', function() { 
       $('#button'); 
      }); 
     }, 
     function() { 
      $('#right').animate({ left: 0 }, 'fast', function() { 
       $('#button'); 
      }); 
     } 
    );

任何帮助，将不胜感激，因为我在Javascript和JQuery的完整NOOB。谢谢！

来源

2014-06-22 The Creator

什么按钮？什么幻灯片向右？什么？ –

如果您正在寻找已经可用的代码的帮助，请尝试[Code Review Stack Exchange]（http://codereview.stackexchange.com），但请确保您修改了您的问题以符合其定义的范围[帮助中心]（http://codereview.stackexchange.com/help/on-topic）。 – AstroCB

@AstroCB已经有效？什么工作？我看不到任何动画 - 左/右，是吗？另外''（'＃button'）;'在回调函数里面对我来说看起来很尴尬。 –

基本上有不同的方法来解决这个问题..我检查了你的网站上的CSS，看看你是如何做的事情，但有8个CSS我放弃了......太多在浏览器中看不到。

所以..基本上这个问题，我相信这是问 Swipe in the middle to open panel with jQuery Mobile? 他给小提琴等http://fiddle.jshell.net/Palestinian/2B4Ht/

所以我会实现一个为某种方式对你的编码。有一个顶部固定的导航栏，当折叠将显示您的“推菜单”。然后只是有选择，如果屏幕宽度小于768像素或东西你可以向左或向右滑动打开菜单将自己的pannels。

只是我的意见。我从来没有像你问过的菜单做过菜单，但我认为这不会很困难。

来源

2014-06-22 17:56:32

如何让我的推送菜单更加用户友好？

回答

相关问题