Форум

Blackmore1991 · #1 (**permalink**) 01.07.2013, 07:39

У нас есть меню ul.menu. И при клике на пункт , у него добавляется класс .active. Меню 35, 36 ,37 ,38,39 .

Нужно чтобы при клике на 36 , в другом блоке появлялся этот элемент и соседнии
<li><a>35</a></li>
<li><a>36</a></li>
<li><a>37</a></li>

При клике на 35 только 35 и 36.

Подскажите как сделать.

А как добавить еще и класс элементу.В скрипт рони??
$('.result').html(element.prev().andSelf().addClas s("new").next().andSelf().clone())
Если мы так сделаем у нас получается первым двум li назначится класс new. А как сделать чтобы класс добавлялся только к клону нажатого элемента . andSelf()

hedint · #2 (**permalink**) 01.07.2013, 11:16

http://jsfiddle.net/hedint/asH9p/2/
Вы имеете ввиду такое поведение?

рони · #3 (**permalink**) 01.07.2013, 14:57

Вариант...

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title>demo</title>

  <script type='text/javascript' src='http://code.jquery.com/jquery-1.8.3.js'></script>
  <style type='text/css'>
    .menu li,.result li
{
    cursor:pointer;
}
li.active
{
    color:#FF3300;
}
  </style>
<script type='text/javascript'>
$(window).load(function(){
 var L =  $('.menu li');
function menu_click()
{
    var element = $(this);
    L.removeClass('active');
    $('.result').html(element.prev().andSelf().next().andSelf().clone())
    element.addClass('active');
}
L.on('click',menu_click);
    $(".result").on('click', 'li',function () {
      $(this).toggleClass("active");
    });
});
</script>
</head>
<body>
  <div>
    <ul class='menu'>
        <li> 1 </li>
        <li> 2 </li>
        <li> 3 </li>
        <li> 4 </li>
        <li> 5 </li>
    </ul>
</div>
<div>Результат:
</div>
<div class='result'>
    Не один элемент не выбран
</div>

</body>


</html>

Blackmore1991 · #4 (**permalink**) 02.07.2013, 11:09

Спасибо!!!

Blackmore1991 · #5 (**permalink**) 02.07.2013, 13:09

Не могу разобраться , а если по вашим примерам , сделать чтобы в созданном меню тоже можно было выбрать класс. Почему то два скрипта конфликтуют.
т.е по отдельности каждый скрипт работает , а если вместе , то нет .

$(document).ready(function(){

    $(".resalt").click(function () {
      $(this).toggleClass("active");
    });
	
  });

рони · #6 (**permalink**) 02.07.2013, 13:26

Сообщение от Blackmore1991

$("resalt")

вы селектор правильно обьявили?
up смотрите код в 3 посте строки 29-31

Blackmore1991 · #7 (**permalink**) 02.07.2013, 13:33

Да! Как только не пробывал. Использовал ваш скрипт, первый вариант не подошел т.к у меня несколько блоков.

Blackmore1991 · #8 (**permalink**) 02.07.2013, 14:10

Получилось добрый человек

Blackmore1991 · #9 (**permalink**) 02.07.2013, 14:10

Blackmore1991 · #10 (**permalink**) 02.07.2013, 16:09

А как добавить еще и класс элементу.
$('.result').html(element.prev().andSelf().addClas s("new").next().andSelf().clone())
Если мы так сделаем у нас получается первым двум li назначится класс new. А как сделать чтобы класс добавлялся только к клону нажатого элемента. andSelf()

Форум

Справочник

Discord чат

Курсы javascript