Reload Not working on Ipad

Question

Following is my code , where I am reloading the page on click of modal button . it working on PC , But not on Ipad.

 $(".yes_continue").off('click').click(function () {

                $("#data_variation_step1").modal("hide");
                sessionStorage.setItem("continue", 'yes');
                window.location.reload(true);
                //alert('AUEEE')


            });

Tried these too

setTimeout(function(){document.location.href = $(location).attr('href')},500);
window.location.reload();
location.reload();
$(".yes_continue").bind("click touchstart",function () {
$(".yes_continue").on("click touchstart tap touch",function () {
$(document).on("click touchstart tap", ".yes_continue", function () {

what may be the solution

Note : The modal hides , that means the click works but not the reload code ,and it does not alert too.. But alerts on PC

UPDATE: Problem is with sessionStorage.setItem("continue", 'yes');

If I use private browsing on Ipad chrome. It does not reload. But if I remoe sessionStorage code then reload works.

If I use non-private browsing the reload works even if I have sessionStorage code.But it does not set any value in session. So my question is now somewhat got twisted. I dont know how to store value for Ipad, Tried with localStorage too

Think this may have been answered here: [Jquery click not working with ipad](http://stackoverflow.com/questions/7892863/jquery-click-not-working-with-ipad) — John Detlefs, Jul 13 '16 at 08:38
@JohnDetlefs : ok I will try one by one and update my question .. 1 st solution did not work — Amar Singh, Jul 13 '16 at 08:46

score 0 · Answer 1 · edited May 23 '17 at 12:32

0

Apparently this is an issue that can come up with ios browsers

Try adding this css:

cursor: pointer;

More details here: jQuery click events not working in iOS

edited May 23 '17 at 12:32

Community

1
1

answered Jul 13 '16 at 09:04

John Detlefs

952
8
16

Alex Pavlov · Answer 2 · 2016-07-13T09:35:02.463

I've tried your code in Safari on my iPad with latest iOS version and it works just fine.

You can also try to reload it with window.location = window.location.href

btw I run a small server on my localhost with ngrok so you can try it here http://a42fc986.ngrok.io/ (will be available for a short time)

For test I've used this simple code:

<div>
    <span>window.location.reload(true)=></span>
    <button class="yes_continue_1st">Press me (button)</button>
    <span class="yes_continue_1st">Press me (span)</span>
</div>
<div>
    <span>window.location = window.location.href=></span>
    <button class="yes_continue_2nd">Press me</button>
    <span class="yes_continue_2nd">Press me (span)</span>
</div>

<script type="text/javascript">
    $(".yes_continue_1st").off('click').click(function () {
        alert("before location.reload");
        window.location.reload(true);
        alert("after location.reload");
    });

    $(".yes_continue_2nd").off('click').click(function () {
        alert("before location.href");
        window.location = window.location.href;
        alert("after location.href");
    });
</script>

Reload Not working on Ipad

2 Answers2