• Jobs
  • About Us
  • professionals
    • Home
    • Jobs
    • Courses and challenges
  • business
    • Home
    • Post vacancy
    • Our process
    • Pricing
    • Assessments
    • Payroll
    • Blog
    • Sales
    • Salary Calculator

0

188
Views
Custom jQuery code doesn't fire window.load on iPhones

I'm developing a Wordpress website and I have added a custom jQuery code that should be firing a loading animation when the page is loaded: that doesn't work on iPhone devices.

Here is the code:

jQuery(document).ready(function( $ ){

    $(window).load(function() {
        $(".yellow-rhombus-onpageload").css("clip-path" , "polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%)");
        setTimeout(function() {$(".yellow-rhombus-onpageload").css("display" , "none");}, 1050);
    });
  
});

Basically the "yellow-rhombus-onpageload" div contains an iframe that should disappear once the browser has loaded the page. Instead, the thing doesn't disappear on some iPhone devices i tested, like the iPhone 11 Pro Max and the iPhone 13, both on Safari and Chrome. Everything works fine using Android and Windows devices and even on MacBooks.

What's the issue?

almost 3 years ago · Juan Pablo Isaza
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Our process Sales
Legal
Terms and conditions Privacy policy
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recommend me some offers
I have an error