jquery - jQuery エフェクトをモバイル デバイスに追加する - エフェクトはデスクトップ/タブレットでは機能しますが、iPhone では機能しません

Question

初めて本格的な Web ページを作成したところですが、そこに追加したクールな jQuery 効果が iPhone で機能していないことに気付きました。この問題の簡単な解決策はありますか?

AJAX はなく、効果は主に div の非表示/表示と、置換の追加.val()です。

この質問が一般的すぎる場合は、この件についてどこで読むことができるかを提案してください. ありがとう。

ここに私のjavascript / cssが頭にロードされています：

<link href='http://fonts.googleapis.com/css?family=Libre+Baskerville' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/normalize.css" />
<link rel="stylesheet" href="css/styles.css" /> 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<script src="javascript/application.js"></script>

以下は jquery の例です。これらの変数とメソッドはすべて のデスクトップで動作すると仮定してくださいapplication.js。

    homeButton.on("click", function(){
    about.fadeOut(300);
    gallery.fadeOut(300);
    contact.fadeOut(300);
    rules.fadeOut(300);
    download.fadeOut(300);
    home.delay(300).fadeIn(300);
});

contactButton.on("click", function(){
    home.fadeOut(300);
    gallery.fadeOut(300);
    about.fadeOut(300);
    rules.fadeOut(300);
    download.fadeOut(300);
    contact.delay(300).fadeIn(300);
});

それ以外は、valsでいくつかのことをやっています:

    nameBox.on("focus", function() {
    if ($(this).val() == 'Name') {
        $(this).val('');
    }
});
nameBox.on("blur", function() {
    if ($(this).val() == '') {
        $(this).val('Name');
    }
});