jQuery issues in China

Community resources Webflow Tips
1

Hello, I’m having some problems with the mobile version of my site. Everything works fine and dislays properly in preview and in editor. Then when I export code to my hosting provider (Bluehost) there are two consistent issues:

  1. Many of the images do not display on mobile and tablet.
  2. The hamburger menu does not respond to click/touch

Again, neither of these problems occur in the editor/preview.

Here is a read-only link:

https://preview.webflow.com/preview/learningleaders-free-business-template?preview=c8d2a8e03e8b0bdf56535454a75d47a4

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

Side by side screenshots for comparison?

What’s the published links?

3

IMG_0578
IMG_0578750×1334 63.4 KB
IMG_0580
IMG_0580720×1280 146 KB
IMG_0579
IMG_0579720×1280 120 KB
IMG_0581
IMG_0581720×1280 144 KB

4

Published link is learningleaders.com

5

Unable to repro issue on Android 7.0.0, Chrome 63.0.3239.111 for website learningleaders.com

All text animating and displaying fine. Menu is working as well.

You might just need to clear the cache or something.

6

That’s so strange. I’m on iOS and co-worker was using his XiaoMi and we both have this issue. After clearing cache, and using incognito, we’re still having this issue.

7

Oh! Do you happen to be in China/HK? Some stuff is blocked there Host latest version of jQuery instead of using | Webflow Wishlist

8

I am in Shanghai. So Google CDN doesn’t work? I’ve actually these functions working in China in the past. It seems that only recently it has stopped working.

  1. Could I just modify the exported code to load jQuery from another source, as described here:
    https://stackoverflow.com/questions/2607425/is-google-s-cdn-for-jquery-available-in-china

  2. Also, does that explain the fact that sometimes images don’t load?

9

I’ve solved my own problem for now. I always export the code then upload it to our chosen hosting provider anyway. What you can do, in China, in this case is to just get jQuery by pointing your browser at jQuery, which of course requires a VPN. Then, highlight all that text and save it to a file locally.

Go into the .html files of your exported code and change the script tag:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js" type="text/javascript"></script>

to:

<script src="[YOUR FILE]" type="text/javascript"></script>

It’s tedious, but it works!

10

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.