jQuery 페이지 표시 Wordpress 위젯 후 돔 Css가 손실됨

jQuery 페이지 표시 Wordpress 위젯 후 돔 Css가 손실됨

Wordpress에 포트폴리오를 표시하기 위한 위젯을 개발했습니다.사용자는 페이지 번호, 필터 카테고리, 페이지당 투고 수 등을 선택할 수 있습니다.그리고 제가 만든 php pagnation system으로 완벽하게 동작합니다.

전체 페이지를 새로고침하지 않고 새로고침할 수 있도록 위젯에서 이 페이지에 대한 Ajax jquery를 구현하려고 합니다.코드는 다음과 같습니다.

jQuery('.paginate a').live('click', function(e){ 
e.preventDefault(); 

var link = jQuery(this).attr('href');  
jQuery('.widget_gantry_portfolio').html('<div class="loading"></div>');
jQuery('.widget_gantry_portfolio').load(link+' .widget_gantry_portfolio .portfolio_class');

페이지 매김은 php로 완벽하게 동작합니다.이 코드를 구현하면 페이지 매김은 동작하지만 위젯을 클릭하면 모든 사용자 기본 설정(show filter, show pagination 등)이 손실됩니다.div는 css(firebug에 표시됨)에 처음 있는 계산된 % 폭과 높이도 느슨해집니다.

element.style{width and height}

저는 며칠 동안 이 작업을 수행해 왔고 라이브, 온, 위임 등의 대신 증명해 보았지만, 모두 효과가 없었습니다.이 Ajax 페이지화는 제 사이트의 투고 페이지화에서도 완벽하게 기능하고 있습니다만, 위젯은 돔 요소를 새로고침하지 않습니다.

저에게 가장 중요한 것은 다음과 같습니다.

- DOM css에 있던 폭과 높이가 누락된 요소 각각에 대해 먼저 이 폭을 함수로 계산한다.php는 예를 들어 4개의 컬럼이 있는 경우 다음과 같은 스크립트를 문의했습니다.

var mysizes = function() {
    theWidth4 = jQuery(".mosaic-block4c img").css('width');
    jQuery(".mosaic-block4c").css('width', theWidth4);
    theHeight4 = jQuery(".mosaic-block4c img").css('height');
    jQuery(".mosaic-block4c").css('height', theHeight4);
}

widget php에서 태그를 사용하여 mysizes(); 함수를 호출합니다.

·페이지가 로드되면 위젯의 사용자 프리셋이 인식되지 않기 때문에 카테고리 필터가 누락되어 있다고 생각합니다.첫 페이지에서는 완벽하게 인식되지만 다음 페이지에서는 인식되지 않습니다.

포트폴리오 위젯 페이지 수가 올바르게 작동하지 않는 사이트에 대한 링크(2페이지 클릭)

http://framecero.com/aagantrywordpress/? page_id=635

다음과 같이 페이지 작업이 동일한 샘플 카테고리에 링크합니다(페이지 하단의 페이지).

http://framecero.com/aagantrywordpress/?cat=4

Jure C의 코멘트:

적어도 HTML 구조를 변경하고 있는 것을 한눈에 알 수 있습니다.페이지 페이지에는 다음이 있습니다..portfolio_class두 번 중첩된 반면 원본은 한 번뿐입니다.

언급URL : https://stackoverflow.com/questions/11037779/dom-css-lost-after-jquery-pagination-wordpress-widget