Как сделать меню с помощью мастер-страницы с JQuery? - PullRequest
Новая
       24

Как сделать меню с помощью мастер-страницы с JQuery?

0 голосов
/ 02 июня 2009

в настоящее время я делаю один проект MVC, и я использую мастер-страницу, я хочу сделать меню с пунктами, имеют активные предпочтения, которые я использовал $ (document) .ready (function () {// document 

      $('#tabMenu > li').click(function() {  //clik


          if (!$(this).hasClass('active')) {      //if


              $('#tabMenu > li').removeClass('active');

              /  
              $(this).addClass('active');




          }  //endif

      } //click

); } // документ ); и HTML-меню / * / * ul id = "tabMenu"> <% = Html.ActionLink ("Home", "Index", "Home")%> <% = Html.ActionLink («О программе», «О программе», «Главная страница»)%> 

</ul>*/

это работает, но всего за 1 секунду главная страница becoz загружает свое меню и как я могу решить эту проблему?

1 Ответ

0 голосов
/ 02 июня 2009

Ваш вопрос не очень понятен ...

Следующий код работает ... Может, это поможет? 

<html>
<head>
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
<style type="text/css">
    #tabMenu li        {display:block;float:left;background-color:green;}
    #tabMenu li a      {color:white;}
    #tabMenu li.active {background-color:blue;}
</style>
<script type="text/javascript">
    $(document).ready(function() {
        $('#tabMenu > li').click(function() {
            if (!$(this).hasClass('active')) {
                $('#tabMenu > li').removeClass('active');
                $(this).addClass('active');
            }
        });    
    });
</script>
</head>
<body>
    <div id="menu">
        <ul id="tabMenu">
            <li><a href="#">MenuItem</a></li>
            <li><a href="#">MenuItem</a></li>
            <li><a href="#">MenuItem</a></li>
        </ul>
    </div>
</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...