ajax로드 부트 스트랩 메뉴를 활성화하는 방법

부트 스트랩을 사용하여 사이드 메뉴를 구현했으며 제대로 작동합니다. 다음과 같이 html 코드 : ajax로드 부트 스트랩 메뉴를 활성화하는 방법

나는이 부분을로드 아약스 방법을 사용하도록 변경

<div id="sidebar-menu" class="main_menu_side hidden-print main_menu"> 
 
    <div class="menu_section"> 
 
     <ul class="nav side-menu"> 
 
      <li><a><i class="fa fa-home"></i> Main menu <span class="fa fa-chevron-down"></span></a> 
 
       <ul class="nav child_menu"> 
 
        <li><a href="http://localhost/admin/home">Home</a></li> 
 
        <li><a href="http://localhost/admin/admins/1/own_profiles">profile</a></li> 
 
        <li><a href="http://localhost/admin/admins/1/approve_requests?type=send">My request </a></li> 
 
       </ul> 
 
      </li> 
 
     </ul> 
 
    </div> 
 
</div>

, 그것은 작동하지 않을 수 있습니다. 브라우저에서 '기본 메뉴'를 볼 수는 있지만 확장 할 수는 없습니다. 나는 html에 아무런 문제가 없다는 것을 조사한다.

html이로드 된 후 부트 스트랩이 초기화를 수행해야하므로 정적 컨텐츠가 제대로 작동하지만 Ajax로드 메소드의 경우이 부분이 초기화되지 않았기 때문에 가능한 이유 일 수 있습니다.

하지만 어떤 API를 사용할 수 있는지 모르겠지만 아무에게도 지원이나 지침을 줄 수 있습니까?

감사합니다.

출처

2017-10-16 chengweikun

"이 부분을로드하기 위해 아약스 메서드를 사용하도록 변경하면 작동하지 않습니다."... 해당 코드를 표시하고 문제 및/또는 오류 메시지를 설명하십시오. 그런 다음 시도하고 수정할 수 있습니다. 우리가 볼 수없는 것을 고칠 수는 없습니다. 하지만 나중에 코멘트에 대한 응답으로 부트 스트랩의 메뉴 기능이 부트 스트랩 JS 파일의 일부 자바 스크립트에 따라 다르면 ajax를 종료 할 때까지 bootstrap.js를 포함 할 때까지 기다리지 않는 한 ajax를 통해로드 할 때 문제가 발생합니다 완료됩니다. 그래도 왜 아약스를 통해 메뉴를로드하고 싶습니까? 이상한 요구 사항입니다. – ADyson

이 문제가 해결되었습니다. 실수로 "gentelella"템플릿의 메뉴 코드를 복사하고 부트 스트랩 자연 메뉴 구현이 아닌 것으로 나타났습니다.

고유 한 메뉴 구현 코드가 있으며 build/js/customer.js에서 init_sidebar()를 찾으면 업데이트 메뉴 후에이 루틴을 호출해야합니다.

출처

2017-10-16 13:26:41 chengweikun

ajax로드 부트 스트랩 메뉴를 활성화하는 방법

답변

관련 문제