powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / связанные списки в jquery с тройной вложенностью
2 сообщений из 2, страница 1 из 1
связанные списки в jquery с тройной вложенностью
    #39186264
Lord Kain
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Доброго всем времени суток. Нужен ваш совет.
ДАНО:Есть древовидное меню и 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
связанные списки в jquery с тройной вложенностью
    #39186353
Lord Kain
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Или подскажите как сделать, чтобы при клике по ссылке в первом диве грузилась информация во второй, а при клике по ссылке во вором диве грузилось в третий.
...
Рейтинг: 0 / 0
2 сообщений из 2, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / связанные списки в jquery с тройной вложенностью
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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