Добавление и удаление объектов Dom

Тема в разделе "Web 2.0, AJAX, Ruby, RSS технологии", создана пользователем Programmer_Hard, 29 ноя 2009.

Статус темы:
Закрыта.
  1. Programmer_Hard

    Programmer_Hard Гость

    Боди:
    Код (Text):
    <body>
    <div id="contener">
    </div>

    <div style="width:200px; height:398px;border:#666666 thick; position:absolute; left: 639px; top: 10px;">
    <div id="add_element_image">
    Image insert
    </div>   
    </div>
    </body>
    Я хочу вставлять в блок contener блоки с различным содержимым. Использую функцию $('#contener').append('<div id="image"> <img id="resizebleImage" src="image.jpg"></div>'), все вставляется как надо, но после этого я не могу использовать эти созданные объекты, т.е код:
    Код (Text):
        $("#image #resizebleImage").click(function(){
    alert("fhfgyu");
    });
    уже не срабатывает.
    Может както по другому надо юзать эту функцию? Может у кого есть готовый пример
     
  2. vital

    vital Больной Компом Детектед

    Регистрация:
    29 янв 2006
    Сообщения:
    2.468
    Симпатии:
    27
    <div class="sp-wrap"><div class="sp-head-wrap"><div class="sp-head folded clickable">оффтоп</div></div><div class="sp-body"><div class="sp-content">
    Код (Text):
     $("#image #resizebleImage").click(function(){
    alert("fhfgyu");
    jquery попахивает=)


    Хм, может просто - $("#resizebleImage").click(function(){
    alert("fhfgyu");
    ПС. Предположение наугад..
     
  3. Programmer_Hard

    Programmer_Hard Гость

    Да не, селектор тут правильно указан, мне кажется дело тут в том что вставив штмл код функцией append('<div id="image"> ...... </div>) не воспринимается как новые элементы DOM, я не могу манипулировать вставленным див-блоком, те методы jquery описанные для $("#image") не действуют на созданный объект. Такое ощущение, что нужно както явно всюнуть элементы в DOM модель, может тут нужно createElement?
     
  4. vital

    vital Больной Компом Детектед

    Регистрация:
    29 янв 2006
    Сообщения:
    2.468
    Симпатии:
    27
    Может и нужно. Попробуйте=)
    И еще мысли. т.к. append() добавляет элементы к указанному, то может что бы обратится к динамически созданным нужно начинать с того, который был изначальным? т.е в духе - $("#contener #image #resizebleImage")
    пс.
    Снова наугад=)
     
  5. Programmer_Hard

    Programmer_Hard Гость

    Оказывается я неправильно задал вопрос, я не написал, что вызываю метод append внутри обработчика события click() :
    Код (Text):
    $(document).ready(function() {                                 
    $("#add_element_image").click(function(){
    $('#contener').append($('<div id="image"> <img id="resizebleImage" src="pyatnitso_112.jpg" width="200px"height="205px"> </div>')); 
    });              
    $("#image").click(function(){
    alert("fhfgyu");
    });    
    });
    Если же я сделаю без него:

    Код (Text):
    $(document).ready(function() {                                 
    $('#contener').append($('<div id="image"> <img id="resizebleImage" src="pyatnitso_112.jpg" width="200px"height="205px"> </div>'));                   
    $("#image").click(function(){
    alert("fhfgyu");
    });    
    });
    , то я могу манипулировать созданным дивом как хочу. А если внутри ckick, то нет((. Чегото в коде не хватает
     
Загрузка...
Статус темы:
Закрыта.

Поделиться этой страницей