Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Скрытие определенного кода (https://javascript.ru/forum/misc/21452-skrytie-opredelennogo-koda.html)

Dorian_bs 09.09.2011 18:22

Скрытие определенного кода
 
Всем привет!
помогите пожалуйста решить проблему..
Есть код.

...
<tr class="table-1-center">
  <span class="del-file">X</span>
</tr>
<tr class="table-1-center">
  <span class="del-file">X</span>
</tr>
<tr class="table-1-center">
  <span class="del-file">X</span>
</tr>
.....


При нажатии на "кнопку" (.del-file) должен скрываться его (.table-1-center).

Пытался сделать так, но не работает(((

$(function () {
  $('.del-file').click(function () {
    $(this).find('.table-1-center').hide();
  });
});

:cray:

ваый 09.09.2011 18:45

$(function () {
    $('.del-file').click(function () {
        $(this).closest('.table-1-center').hide();
    });
});

Dorian_bs 09.09.2011 18:48

Спасибо большое!)))))))))

Dorian_bs 09.09.2011 19:18

А почему если код сделать таким, то скрип не работает?(( Что тут не правильно?
$('.del-file').live({
    'click': function() {
       $(this).closest('.table-1-center').hide();
    }
});

ваый 09.09.2011 19:25

Все правильно. Ошибка где-то еще.

Dorian_bs 09.09.2011 19:32

Странно)) Тогда как можно применить скрипт для подгруженного контента ajax'м ?

ваый 09.09.2011 19:41

Ну у меня же работает.
<button>Load content</button>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<script> 
$('.del-file').live({
    'click': function() {
       $(this).closest('.table-1-center').hide();
    }
});
 
$('button').click(function() {
    var html = '<div class="table-1-center"><span class="del-file">x</span></div>' + 
                    '<div class="table-1-center"><span class="del-file">x</span></div>';
    $('body').append(html);
});
</script>

Dorian_bs 09.09.2011 19:53

У Вас работает этот код?
$('body').live({
'click': function() {
alert();
}
});
У меня нет. Очень странно...

Dorian_bs 09.09.2011 20:02

Все!) Проблема решена)
Это из-за глупости юкоза. Необходимо было подключить jquery под </head>


Часовой пояс GMT +3, время: 18:05.