[Résolu] Multiple ajax on one page (Issue with IE only!)

[Auteur]

Publications

[Joff]

Hi,

I'm testing in IE9 (IE9.0.8112.16421) - would love to upgrade but standard across our corporate network..

I'm trying to create multiple views on one page, but when the query string exceeds the number of posts for a view, the view ends up blank.

I have a featured view with 10 posts, and 6 other views for different CPT's, which may have 1 or more posts..

If the query string is "?wpv_view_count=1&wpv_paged=8" the other views (that have less than eight posts) are blank, but can be triggered by the manual pagination buttons to load the content.

This works fine in Chrome, FF, Opera...

Help please?!

[Luo Yang]

Hi Joff,

Could you post the live URL of your problem page? I need test it in my IE browser.
Thanks

[Joff]

Hi Louy,

The website is an intranet inside a corporate firewall so thats not going to be possible.

Is there another way?

Thanks

Joff

[Luo Yang]

Could you describe the detail steps to duplicate same problem, or create a test site and send login details to my email: luo.y@onthegosystems.com
Also point out the problem page URL, and include this thread URL for reference.
Thanks

[Joff]

Thanks Luoy,

My homepage has 7 views

- Featured (Normal view of news and events CPT's, Pagination with manual transition, 1 item per page, pagination updates only the view, include page selector (links), Fade transition, preload images, cache pages, preload prev and next, spinner graphics from Views)

Pagination Meta HTML

[wpv-filter-start hide="false"]
[wpv-filter-controls][/wpv-filter-controls]
[wpv-pagination]
<p>[wpv-pager-current-page style="link"] </p>
[/wpv-pagination]
[wpv-filter-end]

View uses title with link, URL, featured image and excerpt

[wpv-layout-start]
[wpv-posts-found]
<!-- wpv-loop-start -->
<wpv-loop>
<div class="featured-content-container">
<a href="[wpv-post-url]"><div class="featured-content-image"><img src='[wpv-post-featured-image size="full" raw="true"]' /></div></a>
<div class="featured-content-meta">
<div class="featured-content-title"><h4>[wpv-post-link]</h4></div>
<div class="featured-content-excerpt">[wpv-post-excerpt]</div>
</div>
</div>
</wpv-loop>
<!-- wpv-loop-end -->
[/wpv-posts-found]
[wpv-no-posts-found][wpml-string context="wpv-views"]No posts found[/wpml-string][/wpv-no-posts-found]
[wpv-layout-end]

The other 6 views all use the following (each a normal view with a different CPT each)

Pagination with manual transition, 1 item per page, include next and prev controls, pagination updates only the view, fade transition, preload images, cache pages, preload prev and next, spinner graphics from Views)

Pagination Meta HTML

[wpv-filter-start hide="false"]
[wpv-filter-controls][/wpv-filter-controls]
[wpv-pagination]
<div class="content-block-controls">
[wpv-pager-next-page][wpml-string context="wpv-views"] <i class="icon-chevron-sign-right icon-2x pull-right">[/wpml-string][/wpv-pager-next-page]
[wpv-pager-prev-page][wpml-string context="wpv-views"] <i class="icon-chevron-sign-left icon-2x pull-right">[/wpml-string][/wpv-pager-prev-page]
</div>
[/wpv-pagination]
[wpv-filter-end]

View uses title with a link, featured image and excerpt

[wpv-layout-start]
[wpv-posts-found]
<!-- wpv-loop-start -->
<wpv-loop>
<div class="">
<div class="twelve columns content-block-title"><h4>[wpv-post-link]</h4></div>
<div class="twelve columns content-block-image">[wpv-post-featured-image size="full"]</div>
<div class="twelve columns content-block-excerpt">[wpv-post-excerpt]</div>
</div>
</wpv-loop>
<!-- wpv-loop-end -->
[/wpv-posts-found]
[wpv-no-posts-found][wpml-string context="wpv-views"]No posts found[/wpml-string][/wpv-no-posts-found]
[wpv-layout-end]

I have upload a screen shot, although it only shows the area of 4 of the Views. The featured view should appear top left, and the middle view in the row of three is the same as either side of it - I hope that makes sense

Thanks for helping with this Luoy.

[Joff]

Hi Luoy,

I have done some more debugging. It seems somewhere in the element

<div id="wpv-view-layout-1" class="wpv-pagination wpv-pagination wpv-pagination-preload-images wpv-pagination-preload-pages">

an inline class of "visibility: hidden;" is applied. Which results in (randomly) one or more views hidden on the page..

[Luo Yang]

Joff, I can not duplicate same problem in my localhost, could you create a test site and send login details to my email: luo.y@onthegosystems.com
Also point out the problem page URL, and include this thread URL for reference.
Thanks

[Joff]

Hi Luoy,

I just overrode the inline CSS using the following

.wpv-pagination, .wpv-pagination, .wpv-pagination-preload-images, .wpv-pagination-preload-pages {visibility: visible!important;}

Now all views appear on page load.

Cheers