2012-06-13 2 views
2

jQuery UI 대화 상자에 longish 테이블을 채우는 것은 특정 클래스가있는 테이블의 마지막 행으로 스크롤하도록하고 싶습니다. 이 두 번째 게시물이 herehere과 거의 동일한 것으로 확인되었지만 제대로 작동하지 않습니다. 누군가가 나를 그것에 대한 내 생각의 오류를 보는 것을 도울 수 있기를 희망하면서 나는 그것을 jsFiddle에 조롱했다.오픈시 jQuery Dialog가있는 마지막 행으로 스크롤

여기에 나는 또한 (포스트 위에 링크 중 하나를 언급)을 scrollTo 플러그인을 시도했지만 그와 함께 지금은 더 나은 운이 기본 코드

jQuery(document).ready(function() { 
    var content = jQuery('#amtz_div').html(); 
    var title = 'Amortization Schedule'; 
    var open = function() { 
     var container = jQuery(".ui-dialog"); 
     var target = jQuery('tr.amortized:last'); 
     container.scrollTop(target.offset().top - container.offset().top + container.scrollTop()); 
     target.css('background', 'red'); 
    } 
    jQuery("#dialog").attr('title', title).html(content).dialog({ 
     modal: true, 
     width: 400, 
     height: 400, 
     resizable: false, 
     open: open 
    }); 
}); 

입니다.

의견이 있으십니까?

+0

이에 대한 모든 업데이트? –

답변

0

jQuery UI의 새 버전인지, 아니면이 문제에서 벗어 났지만 식별자를 .ui-dialog에서 #dialog로 변경하면 문제가 될 수 있습니다. 이 작품이 저에게 효과가 있는지 알 것입니다!

solution