jQuery:iPhone问题

jQuery:iPhone问题,jquery,iphone,Jquery,Iphone,我正在为iPhone编写一个网站,我使用jQuery调整图像大小并滚动到顶部 两者都在Mac上的Firefox上工作,但在iPhone上没有。我不知道为什么,因为它是同一个文档,jQuery应该是跨平台的 猜猜看 向你问好,塞巴斯蒂安 编辑: 这是我的代码: var width_max = $('#stiMobiContent').width(); $('img').resize({maxWidth: width_max}) $('a[href=#top]').click(function(

我正在为iPhone编写一个网站,我使用jQuery调整图像大小并滚动到顶部

两者都在Mac上的Firefox上工作,但在iPhone上没有。我不知道为什么,因为它是同一个文档,jQuery应该是跨平台的

猜猜看

向你问好,塞巴斯蒂安

编辑:

这是我的代码:

var width_max = $('#stiMobiContent').width();

$('img').resize({maxWidth: width_max})

$('a[href=#top]').click(function(){
    $('body').animate({scrollTop:0}, 'slow');
    return false;
});

虽然它可以在我的Mac上的Safari中使用。

所以我想出了一个可行的解决方案:

$('a[href=#top]').click(function(event){
  $('body').animate({scrollTop:0}, 'slow');
  event.preventDefault();
});
然后,对于您的图像,只需将css更改为:

img {width:100%; height:auto;}
这将确保它始终是容器的全宽,并且高度将自动匹配正确的纵横比


此外,我想补充一点,我认为只有在调整
窗口的大小时才会调用
resize
方法。但文档中并不清楚


此外,大多数浏览器对于如何处理浏览器窗口大小调整事件有不同的想法,因为它们的行为都有点不同。
max width
的浏览器兼容性似乎也很不稳定。

天啊,我看了你的代码,问题很明显……除了Firefox之外,这些网站在Mac上的任何浏览器(safari???)都能正常工作吗?可能你有一个Firefox忽略的bug,但Safari没有。我同意@ceejayoz的说法,如果没有代码或一些更重要的细节,那么你给我们的猜测可能是小精灵。调整大小是这个插件的一部分:我明天会尝试这些snippts,但现在我太累了。好吧,我今天尝试了你的东西。滚动不起作用。我认为他们的iPhone和jQuery存在一些问题,因为我在其他功能方面也有问题。例如,live()对无效,我尝试了一个简单的$('a')。live('click',function(){alert('test');});所以他们不可能认为我的代码有问题。我花了很长时间来解决这个问题:-/然而,img的大小调整工作非常完美。坏的是,它可以缩放所有图像,但我使用了一个包装器,这样只会影响到较大的图像。