Sidenav HTML Materialize

-3

Sidenav 메뉴를 letf 대신 페이지 오른쪽에서 열리는 방법을 알아낼 수 없습니다.Sidenav HTML Materialize

의견이 있으십니까?

Sidenav : http://materializecss.com/side-nav.html

<body> 
<!-- Scripts--> 
    <script src="js/jquery-3.2.1.js"></script> 
    <script src="js/materialize.js"></script> 
    <script src="js/init.js"></script> 
    <script type="text/javascript"> 
    $('.button-collapse').sideNav({ 
      menuWidth: 300, 
      closeOnClick: true, 
      edge: 'right', // <--- CHECK THIS OUT 
     } 
    ); 
     $('.collapsible').collapsible(); 
    </script> 
    <div class="background"> 
     <nav> 
      <ul class="right hide-on-med-and-down"> 
      <li><a href="#!">First Sidebar Link</a></li> 
      <li><a href="#!">Second Sidebar Link</a></li> 
      </ul> 
      <ul id="slide-out" class="side-nav fixed"> 
       <li class="bold"><a href="#!" class="waves-effect waves-teal">First Sidebar Link</a></li> 
       <li class="bold"><a href="#!" class="">Second Sidebar Link</a></li> 
       <li class="no-padding"> 
       <ul class="collapsible collapsible-accordion"> 
        <li> 
        <a class="collapsible-header waves-effect waves-teal">Dropdown<i class="mdi-navigation-arrow-drop-down"></i></a> 
        <div class="collapsible-body"> 
         <ul> 
         <li><a href="#!">First</a></li> 
         <li><a href="#!">Second</a></li> 
         <li><a href="#!">Third</a></li> 
         <li><a href="#!">Fourth</a></li> 
         </ul> 
        </div> 
        </li> 
       </ul> 
       </li> 
      </ul> 
      <a href="#" data-activates="slide-out" class="button-collapse"><i class="mdi-navigation-menu">asd</i></a> 
     </nav> 
</body>

이 내가 실행에 노력하고있어 코드가 있지만, 이것은 적절한 대답이 부족한 것 같다

출처

2017-12-20 Fanto

[왼쪽이 아닌 오른쪽에 Materialize SideNav를 열려면 어떻게합니까?] (https://stackoverflow.com/questions/37207668/open-slidenav-from-right-side-in-materialize-design) – Aurora0001

이미 시도했지만 나를 위해 작동하지 않습니다 – Fanto

이 경우 [편집]해야합니다. 귀하가 시도한 정확한 코드를 명확히하기 위해 귀하의 게시물을 열면 올바른 방향으로 귀하를 안내해 드릴 수 있습니다. – Aurora0001

왼쪽 메뉴 열려. 나는 OP가 그 문제를 해결할 수 있었고 OP가 그 답을 그 게시물에 표시 할 수 있도록 누군가에게 답장을 요구하고있는 것을 봅니다.

이

구체화 1.0 하나는 SideNav 생성하고 초기화하는 문서를 따를 것, 사용하는 가정 : SideNav Initalization

var instance = new M.Sidenav(elem, options); //Initialize

은 "옵션"을 위해, 오른쪽에서 SideNav를 열려면을 단순히 통과하지만 아래에있는 내 2 센트 이 같은 객체 :

var options = {}; 
options.edge = "right"; //SideNav will slide in from right

나는 옵션 부분은 어쩌면 특히 자바 스크립트에 새로운 사람들을 위해, 1.0 알파 설명서에 충분히 명확하게 언급되지 않는다는 것을 동의 할 것이다.

이전 버전의 설명서는 실제로 더 명확합니다. 오른쪽에서의 SideNav를 열려면 OP와 완전히 똑같이해야합니다. 또한 @Aurora0001이 제공 한 JSFiddle이 IE11, Chrome 63 및 FF 57로 테스트되었음을 확인했습니다.

출처

2017-12-29 13:38:50 tnurmi

답변

관련 문제