0

我在 iOS 5 及以下设备上使用 jQuery 和 Safari 时遇到问题...
我有一个用于onClick切换菜单的按钮，在 iOS 5 上的 Safari 和菜单下方显示第一个click然后关闭第二个.. 太好了..但是，之后需要单击 3 次才能再次显示菜单。这不会发生在 iOS 6 或桌面浏览器上。

我尝试用toggle()以下内容替换 jQuery 函数，但这并没有帮助。

pull.data('menuState','closed');
$(pull).on('click', function (e) {
if (pull.data('menuState') === 'closed') {
    pull.data('menuState', 'open');
    currentMenu.show();
} else {
    pull.data('menuState', 'closed');
    currentMenu.hide();
}
return false;
});

pull并且currentMenu在我的代码中定义得更高。如果有任何帮助，该网站是建立在引导程序上的。

4

2 回答 2

0

这是我为替换切换功能所做的，它似乎运行良好。只需将您的需求放在奇偶函数中：

 // place this before all of your code, outside of document ready.
$.fn.ToggleFix = function(odd, even) {
    return this.each(function() {
        var Toggled = false;
        $(this).on("click", function() {
            if (Toggled) {
                Toggled = false;
                return odd.apply(this, arguments);
            }
            Toggled = true;
            return even.apply(this, arguments);
        });
    });
};
//what do you want each toggle to do
function odd() {
    $(this).animate({"left": "+=50px"}, "slow");//EXAMPLE
}

function even() {
    $(this).animate({"left": "-=50px"}, "slow");//EXAMPLE
}
//call your toggle method like this after creating the function you want above
$(function(){ 
    $("YOUR ELEMENT").ToggleFix(even, odd);
 });

jsFIDDLE

于 2013-01-31T16:27:42.443 回答
0

事实证明，iOS 5window.resize稍后在我的代码中触发了该功能，不是 100% 是最好的方法，但我检测到了围绕它进行编码的版本号。

function iOSversion() {
if (/iP(hone|od|ad)/.test(navigator.platform)) {
    var v = (navigator.appVersion).match(/OS (\d+)_(\d+)_?(\d+)?/);
    return [parseInt(v[1], 10), parseInt(v[2], 10), parseInt(v[3] || 0, 10)];
}
}
于 2013-02-02T13:44:50.770 回答