8

ポートフォリオを表示するための Wordpress 用のウィジェットを開発しました。ユーザーは、ページネーション、フィルター カテゴリ、ページごとの投稿数などを選択できます。これは、私が作成した php ページネーション システムと完全に連携します。

ページ全体をリロードせずにリロードするために、ウィジェットのこのページネーションに 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で完全に機能します。このコードを実装するとページネーションは機能しますが、ウィジェットをクリックするとすべてのユーザー設定が失われ(フィルターを表示、ページネーションを表示..など)、divも最初に存在していた計算された%幅と高さを失いますcssで（ firebug で見られる）：

element.style{width and height}

私はこれに数日を費やし、 live 、 on 、 delegate などの代わりに証明しましたが、どれも機能しません。この ajax ページネーションは、私のサイトの投稿ページネーションでも完全に機能しますが、ウィジェットは Dom 要素をリロードしません?

私にとって最も重要なことは次のとおりです。

-幅と高さが欠落している要素のそれぞれは、DOM css にありました。最初に、この幅は functions.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);
}

mysizes(); を呼び出します。タグ付きのウィジェット php からの関数

-ページネーションの読み込み時に、ウィジェットのユーザープリセットを認識しないため、カテゴリのフィルターが欠落していると思います.最初のページでは完全に認識しますが、後続のページでは認識しません.

ポートフォリオ ウィジェットのページネーションが正しく機能しないサイトへのリンク (表示するには 2 ページをクリックしてください):

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

これと同じページネーションが機能するサンプル カテゴリへのリンク (ページの下部にあるページネーション):

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

4

1 に答える 1

1

Jure C. コメントより:

ざっと見てみると、少なくとも HTML 構造を変更していることがわかります。ページ分割されたページで.portfolio_classは、元のページが 1 回だけであるのに対し、2 回ネストされています。

于 2013-09-17T20:47:48.170 に答える