Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > Проблема с ajax(jquery)

Автор: ursula16 17.9.2007, 12:19

Доброе утро! Проблема заключается в следуещем: С главной страницы посредством ajax загружается скрипт getMenu.php и загружается в div с id='menu'.

Код


function getMenu() { 
        $.ajax({
           type: 'POST',
           url: 'getMenu.php',
           success: function(data){
           document.getElementById('menu').innerHTML=data;
   }
 });
    }

В етом скрипте есть обьявление

Код


<div id='click1'>Добавить раздел</div>

Так вот, обработчик click1 никак не хочет реагировать на нажатие smile

Код


$(document).ready(function() { 
        $('#click1').click(function() { 
            $.blockUI(\"<h1><img src='i.gif' />Подождите...</h1>\"); 
            test(); 
        }); 
    });

А если я просто для проверки добавляю <div id='click1'>test me</div> на главную страницу,то все работает. Обидно, что штатными средствами JS все работало, а вот с jquery какойто косяк... smile

Заранее спасибо.

Автор: ksnk 17.9.2007, 16:54

Ну, дык! Сначала устанавливается обработчик на несуществующий пока элемент "click1" ПОСредством

Код


 $(document).ready(function() { 
        $('#click1'). ...

а затем уже когда-то потом этот самый элемент создается?
Нужно переставить установку обработчика клика в правильное место, в функцию метода success, к примеру... Кстати, а почему бы в этой функции не пользоваться jQuery, раз уж и так она есть...

Автор: ursula16 17.9.2007, 21:40

Спасибо за ответ! Но все равно чето ниче не получается... smile

Пробовал так

Код


function getMenu() { 
        $.ajax({
           type: 'POST',
           url: 'getMenu.php',
           data: 'name=John&location=Boston',
           success: function(data){
           document.getElementById('menu').innerHTML=data;

           $(document).ready(function() { 
               $('#click1').click(function() { 
               $.blockUI(\"<h1><img src='i.gif' />Подождите...</h1>\"); 
               test(); 
        }); 
    });
   }
 });
    }

- вобще страничка не пашет, по другому тоже чет не получается... smile

Добавлено через 1 минуту и 28 секунд

Цитата

Кстати, а почему бы в этой функции не пользоваться jQuery, раз уж и так она есть...

- еее не понял... smile

Просто еще в js не силен пока что... smile

Автор: ksnk 18.9.2007, 11:08

Ну, вообще-то следует понимать, что пишешь, а не заниматься шаманством...
- конструкция $(document).ready(...) установит обработчик, когда объект document будет полностью загружен. Документ УЖЕ загружен и функция никогда не вызовется
- констнукция document.getElementById('menu').innerHTML=data; , если обратить внимание на идеологию jQuery, в меру элегантно перепишется вот так
$('#menu').text(data), тоесть, если переписать код примерно так, будет более иеологичнее, да и правильнее...

Код


success: function(data){
       $('#menu').text(data)
       $('#click1').click(function() { 
               $.blockUI(\"<h1><img src='i.gif' />Подождите...</h1>\"); 
               test(); 
       });
},...