Блог

Я создал простую кнопку для входа в систему с помощью Facebook, fbButton приведенную ниже, но кнопка скрывается только в iOS / Safari Mobile с помощью jQuery hide() , и show() когда занимаемое ею пространство становится занятым другим элементом.

У меня нет проблем с тем, чтобы скрыть div при запуске страницы на моем ноутбуке (Firefox и Chrome), поэтому проблема существует только на iOS. Я не тестировал его на Android или иным образом.

 <div class="loginSignUp" style="display:none">
    <form>
        <label class="email" for="email">Email</label>
        <input class="email" type="email" id="email">
        <label class ="username" for="username">Username</label>
        <input type="username" id="username">
        <label for="password">Password</label>
        <input type="password" id="password">
        <label class="confirmPassword" for="confirmPassword">Confirm password</label>
        <input class="confirmPassword" type="password" id="confirmPassword">
        <div class="formSubmit">Submit</div>
    </form>
    <div class="loginOr">OR</div>
    <div class="fbButton">
        <img src="https://www.facebook.com/images/fb_icon_325x325.png" />
        <div class="fbTextHolder">
            <div class="fbText">Log in with Facebook</div>
        </div>
    </div>
</div>
  

Опять же, Javascript прост — просто jQuery hide() и show() .

Есть идеи?

когда занимаемое им пространство становится занятым другим элементом.

Для меня это похоже на проблему с z-индексом?. Происходит ли это и в ландшафтном режиме? Или попробуйте использовать .toggle() вместо этого или .css('display', 'none'); посмотрите, сохраняется ли проблема.