JavaScript не работает в Mobile Safari - PullRequest
2 голосов
/ 30 июня 2011

Хорошо, проблема в том, что код JS, который я использую, не будет работать в мобильном Safari сразу.Все отлично работает в настольном Safari, Chrome и т. Д.

В мобильном Safari (протестированы iphone 4 и ipod touch 2nd gen) страница полностью пуста.НО, если вы перейдете на другую страницу и затем нажмете назад, она загрузится нормально!

Может кто-нибудь сказать мне, что здесь происходит?

Спасибо :))

Вотссылка на сайт

http://osmithcouk.ipage.com/exposed/index.php

и вот код JS

ПРИМЕЧАНИЕ Я РЕДАКТИРОВАЛ КОД С RYUUTATSUO РЕКОМЕНДУЕТСЯ, ЧТО Я ДЕЛАЮ, но все еще не работает :(

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script>
<script type="text/javascript">

$(document).ready(function(){

        $(".slidingDiv").hide();
        $(".show_hide").show();

    $('.show_hide').click(function(){
    $(".slidingDiv").slideToggle();
    });

});

И вот HTML, который идет вместе с этим.

<a href="#" class="show_hide"><b><?php include 'headline1.txt'; ?></b></a>
<div class="slidingDiv">
<?php include 'story1.txt'; ?> <a href="#" class="show_hide">Hide story...</a></div>

И CSS для slideDiv и show_hide.

.slidingDiv {
    background-color: #FFFFFF;
    padding:20px;
    margin-top:10px;
}

.show_hide {
    display:none;
}

Большое спасибо зався ваша помощь :) 1025 *

Ответы [ 3 ]

0 голосов
/ 11 марта 2013

На самом деле проблема в том, что вам нужно добавить параметры строки запроса, чтобы они отображались на мобильном устройстве.Например,

script src="js/Common.js" type="text/javascript"

Должен быть заменен на

script src="js/Common.js?v=1.1" type="text/javascript"

, и вы также можете указать версию в комментариях к вашему файлу js, чтобы клиент мог узнать, что у него последняя версия JSфайлы.

0 голосов
/ 05 июля 2019

использование

jQuery(window).load()

вместо

jQuery(document).ready()
0 голосов
/ 01 июля 2011

Я не знаю, действительно ли это правильный протокол, но я сам исправил его, так что подумал, что выложу свой ответ!

Это действительно просто, я просто переместил JS ниже .CSS. По всей видимости, Safari имеет проблему с рендерингом jQuery до CSS: s

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...