как получить идентификатор переданный из тега привязки в событии div init? - PullRequest
Новая
       18

как получить идентификатор переданный из тега привязки в событии div init?

0 голосов
/ 06 марта 2012 
 <div class="km-scroll-container">
      <ul id="mymenuList" class="item-list km-listview km-listgroup" data-style="inset">
             <li >
                <a href="menu?id=xxx">Menu Name</a>
             </li>   
       </ul>
 </div>
<div id="menu">
  <ul>
     <li>Data</li>
  </ul>
 </div>

Когда я нажимаю на ссылку, переход к следующему файлу div.so здесь, в меню div, как получить этот идентификатор?

1 Ответ

0 голосов
/ 06 марта 2012

Этот конкретный тип взаимодействия должен происходить на клиенте, что означает, что вы должны использовать Javascript. Есть несколько методов, которые вы можете использовать, вот один очень быстрый способ ... 

        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $('#menuNav').bind('click' , function(){
                    $('html,body').scrollTop( $('#menu').offset().top );

                })
            })
        </script>

... используя следующий настроенный HTML ... 

<div class="km-scroll-container">
              <ul id="mymenuList" class="item-list km-listview km-listgroup" data-style="inset">
                     <li >
                        <a id="menuNav">Menu Name</a>
                     </li>   
               </ul>
         </div>
        <div id="menu">
          <ul>
             <li>Data</li>
          </ul>
         </div>

Примечание: тег 'id' привязки ref И удаление атрибута 'src'. «Идентификатор» необходим jquery для поиска конкретного тега (да, есть и другие способы, кроме как для ясности), а «src» удаляется, так как тег привязки будет перемещаться обратно к самому себе, поскольку он должен использовать навигацию. Отформатируйте якоря соответствующим образом ...

Существуют и другие технологии прокрутки, которые вы можете использовать, например, плагин scrollTo .

...