Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / связанные списки в jquery с тройной вложенностью / 2 сообщений из 2, страница 1 из 1
04.03.2016, 23:22
    #39186264
Lord Kain
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
связанные списки в jquery с тройной вложенностью
Доброго всем времени суток. Нужен ваш совет.
ДАНО:Есть древовидное меню и 3 дива в первый по умолчанию грузится список <ul> меню первого уровня в котором в качестве элементов - ссылки . Обрабатываю событие онклик ссылок. При клике по ссылке во второй див грузятся дочерние элементы выбранного пункта меню, тут все нормально работает. А вот при аналогичной операции в третий див, срабатывает переход по ссылке вместо загрузки.

HTML:
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
<div class="razdel" id="first_item_list">
                            <ul class ="categorylist">
                            <?php 
                                foreach($catalog as $item)
                                {
                                echo '<li id="'.$item['id'].'"> <a class="item" href="'.base_url().'administration/showchild/'.$item['id'].'">'.$item['title'].'</a> </li>';
                                }
                            ?>
                           </ul>
                         </div> <!-- first_item_list -->
                         
                        <div class="razdel" id="second_item_list">
                            
                        </div> <!-- second_item_list -->
                        
                        <div class="razdel" id="thrid_item_list">
                        
                        </div>



JS:
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
$(document).ready(function(){
    $(".item").click(function(e){
             var el = $(this);
             e.preventDefault();
             if(el.closest("#first_item_list"))
             {

                $.ajax({ 
                    url: el.attr("href"),
                    success: function(data)
                    {
				      $("#second_item_list").html(data);
                    }
                 });//$.ajax
             }  
            else
              if(el.closest("#second_item_list"))
                {
                  e.preventDefault();
                     $.ajax({ 
                        url: el.attr("href"),
                        success: function(data)
                                  {
              				      $("#thrid_item_list").html(data);
                                  }
                     });//$.ajax
                 }  
              
        });//$(".item").click(
  }); //$(document).ready(



Вопрос почему не работает второе условие в скрипте?
...
Рейтинг: 0 / 0
05.03.2016, 11:50
    #39186353
Lord Kain
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
связанные списки в jquery с тройной вложенностью
Или подскажите как сделать, чтобы при клике по ссылке в первом диве грузилась информация во второй, а при клике по ссылке во вором диве грузилось в третий.
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / связанные списки в jquery с тройной вложенностью / 2 сообщений из 2, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]