я хочу знать, как получить URL страницы, чтобы открыть меню в моей панели sidenav

Question

это моя навигационная панель. Я хочу написать javascript или jQuery, чтобы получить URL текущей страницы и открыть соответствующий выпадающий контейнер. Я хочу открыть часть боковой навигации в зависимости от того, какой URL у меня есть. javascript написано, но это не работает

 $(function() {
    if (window.location.href.indexOf("home") > -1)
      $('.dropdown-toggle.home').dropdown('toggle');
    else if (window.location.href.indexOf("FRAMEWORKS") > -1)
      $('.dropdown-toggle.FRAMEWORKS').dropdown('toggle');
    else if (window.location.href.indexOf("Strategize phase") > -1)
      $('.dropdown-toggle.Strategize phase').dropdown('toggle');
    else if (window.location.href.indexOf("Standardize phase") > -1)
      $('.dropdown-toggle.Standardize phase').dropdown('toggle');
    else if (window.location.href.indexOf("Implement phase") > -1)
      $('.dropdown-toggle.Implement phase').dropdown('toggle');
    else if (window.location.href.indexOf("Integrate phase") > -1)
      $('.dropdown-toggle.Integrate phase').dropdown('toggle');
    else (window.location.href.indexOf("About") > -1)
      $('.dropdown-toggle.ABOUT').dropdown('toggle');
  });

Home

      <button id class="dropdown-btn FRAMEWORKS" href="#">FRAMEWORKS    <i class="fa fa-caret-down"></i></button>


    <div class="dropdown-container">
      <div class="sub">
      <a href="#">Framework</a>

      <button class="dropdown-btn" href="#">Strategize phase<i class="fa fa-caret-down"></i></button>
      <div class="dropdown-container">
        <div class="subSub">
        <a href="#">Enterprise Innovation Audit Canvas</a>
        <a href="#">Pre-Audit Business Definition Questions</a>
        <button class="dropdown-btn" href="#">Tools and Canvases for the Enterprise Innovation Capability Audit<i class="fa fa-caret-down"></i></button>
          <div class="dropdown-container">
            <div class="subSubSub">
          <a href="#">Enterprise Innovation Maturity Canvas</a>
          <a href="#">Enterprise Innovation Maturity Evaluation Grid Canvas</a>
          <a href="#">Enterprise Innovation Maturity Road map Canvas</a>
        </div>
      </div>
          </div>
      </div>
    </div>
    <button class="dropdown-btn" href="#">Standardize Phaze<i class="fa fa-caret-down"></i></button>
      <div class="dropdown-container">
        <div class="subSub">
              <button class="dropdown-btn" href="#">Innovation Culture Fostering Approach<i class="fa fa-caret-down"></i></button>
                <div class="dropdown-container">
                  <div class="subSubSub">
                      <a href="#">Innovation Fostering Approach Summary</a>
                      <a href="#">4I- Inspire, Ideate, Implement and Impact Enterprise Innovation Fostering Model</a>
                      <a href="#">Enterprise Team Inventiveness Persona</a>
                    </div>

                </div>

Answer 1

Я не совсем уверен, чего вы хотите достичь с помощью своего вопроса, но вот небольшой фрагмент кода, связанный с вашим вопросом, основанный на bootstrap:

https://jsfiddle.net/vrjx2hde/4/

Если вы хотите изучить его, попробуйте эту ссылку .

Если вы будете использовать его в своей среде, вы должны быть уверены, что ваш URL содержит слово, которое вы можете найти с помощью:

window.location.href.indexOf(...)

например: http://localhost/FRAMEWORKS.html

В этом случае ваш раскрывающийся список «Рамочные» откроется после Ваш документ загружен.

 $(document).ready(function(){
  if (window.location.href.indexOf("FRAMEWORKS") > -1){
     $('#my-id-FRAMEWORKS').dropdown("toggle");
  }
 });