URL에 #이 (가)있어 검도 UI 모바일 서랍이 제대로 작동하지 않습니다.

asp.net mvc 모바일 애플리케이션의 서랍에 문제가 있습니다. 많은 번거 로움 (그리고 아마도 asp.net mvc 도우미에서 몇 가지 버그) 후에 내 애플 리케이션을위한 자바 스크립트 레이아웃으로 롤백하기로 결정했습니다.URL에 #이 (가)있어 검도 UI 모바일 서랍이 제대로 작동하지 않습니다.

내가 가지고있는 유일한 문제는 제대로 작동하지 않는 서랍 메뉴를 구현했다는 것입니다.

어떤 이유로 든 검도는 내 URL 중간에 #을 생성하여 서랍을 표시하지 않습니다.

http://localhost:55683/UnitDetails/Index/2#/

여기 내 마크 업 내 공유 _Layout.cshtml에 있어요 :

<!DOCTYPE html> 
<html> 
<head> 
    <title></title> 
    <link href="@Url.Content("~/Content/kendo/2013.2.716/kendo.common.min.css")" rel="stylesheet" type="text/css" /> 
    <link href="@Url.Content("~/Content/kendo/2013.2.716/kendo.mobile.all.min.css")" rel="stylesheet" type="text/css" /> 

    <script src="~/Scripts/jquery-1.8.2.min.js"></script> 
    <script src="~/Scripts/kendo/2013.2.716/kendo.all.min.js"></script> 
    <script src="~/Scripts/kendo/2013.2.716/kendo.mobile.min.js"></script> 

    <link href="@Url.Content("~/Content/kendo/2013.2.716/kendo.dataviz.flat.min.css")" rel="stylesheet" type="text/css" /> 
</head> 
<body> 
     @RenderBody() 

    <!--Main Layout --> 
    <div data-role="layout" data-id="mainLayout"> 
     <div data-role="header"> 
      <div data-role="navbar"> 
       <span data-role="view-title"></span> 
      </div> 
     </div> 

     <div data-role="footer"> 
      <div data-role="tabstrip"> 
       <a data-icon="action" href="~/Logout">Logout</a> 
      </div> 
     </div> 
    </div> 
</body> 
</html>

작동 때 여기

http://localhost:55683/#/UnitDetails/Index/2

을 그리고 : 이 작동하지 않는 경우 URL입니다

그리고 내 UnitDetails-보기의 Index.cshtml은 다음과 같습니다.

<!-- Drawer layout --> 
<div data-role="layout" data-id="drawer-layout"> 
    <header data-role="header"> 
     <div data-role="navbar"> 
      <a data-role="button" data-rel="drawer" href="#my-drawer" data-icon="drawer-button" data-align="left"></a> 
      <span data-role="view-title"></span> 
      @*<a data-align="right" data-role="button" class="nav-button" href="#index">Index</a>*@ 
      <a data-align="right" data-role="backbutton">Back</a> 
     </div> 
    </header> 
</div> 

<div id="drawer-home" data-role="view" data-layout="drawer-layout" data-title="Unit Details"> 
    <!-- Content removed for readability --> 
    <div data-role="footer"> 
    </div> 

</div> 

<div data-role="drawer" id="my-drawer" style="width: 270px" data-views="['drawer-home']"> 
    <ul data-role="listview" data-type="group"> 
     <li>Mailbox 
      <ul> 
       <li data-icon="inbox"><a href="#drawer-home" data-transition="none">Inbox</a></li> 
      </ul> 
     </li> 
</div> 

<script> 
    window.app = new kendo.mobile.Application(document.body, { 
     layout: "drawer-layout", 
     transition: "fade", 
     skin: "flat", 
     hideAddressBar: true 
    }); 
</script>

출처

2013-09-05 Nicklas Pouey-Winger

검도 모바일 서랍 2013.2.918에 버그가 있었고 나중에 내부 빌드로 수정되었습니다. 서랍에서 data-views 속성을 제거하여 일부 디버깅을 시도하십시오. 그러나 이로 인해 모든보기에서 스 와이프를 통해 서랍이 표시됩니다.

출처

2014-02-02 06:50:57 praisegeek

URL에 #이 (가)있어 검도 UI 모바일 서랍이 제대로 작동하지 않습니다.

답변

관련 문제