После использования Jquery для обновления DIV, CSS не работает на Div - PullRequest
Новая
       13

После использования Jquery для обновления DIV, CSS не работает на Div

0 голосов
/ 13 ноября 2011

У меня есть div, который обновляется после того, как пользователь нажал на ссылку.

Вот мой CSS для этого Div: 

#groups_wrapper {
height: 150px;
width: 250px;
overflow: auto;
overflow-x: hidden;
}

Вот мой Jquery: 

<script type="text/javascript"><!-- AJAX CALL FOR MY GROUPS -->
$(document).ready(function() {
$('a.delete_group').live('click', function(e){
 $('#groups_wrapper').load( $(this).attr('href') + ' #groups_wrapper', function() { 
  $(".item_control_box").hide();
  jQuery('.each_item_container').hover(function() {
   jQuery(this).find('.item_control_box').show()
   }, function() {
   jQuery(this).find('.item_control_box').hide();
  });
 }); 
 e.preventDefault(); 
}); 
});
</script>

Вот мой HTML: 

<a href='delete.php?id=x' class='delete_group'>Delete Group</a>

Проблема, с которой я сталкиваюсь, заключается в том, что когда пользователь нажимает на ссылку, чтобы удалить группу, div обновляется, но не может прокручивать вверх и вниз поконкретный div, мой CSS установлен на 

 overflow: auto;
 overflow-x:hidden;

Любые идеи, почему это будет ломаться?

1 Ответ

1 голос
/ 13 ноября 2011

Попробуйте изменить строку: 

overflow: auto;

Кому: 

overflow-y: scroll;
...