我遇到这个问题只是因为我最近购买了一部iPhone。我的网站(http://www.stuartmeyerphotography.com)上的图片轮播的javascript将无法在Safari for iPhone中执行。我认为它在Mac Safari上工作,最后我和一位有Mac的朋友(一年前)一起检查过,但是现在我需要回去检查一下,以确保它在Mac上运行。我的网站上的“查看源代码”会显示整个html页面,但我已从主体部分提取代码以显示在此处:
<div align="center">
<div id="div_container"></div>
<p align="left">
<script type='text/javascript'>
carousel({id:'Photos',
border:'',
size_mode:'image',
width:120,
height:120,
sides:8,
steps:75,
speed:4,
direction:'left',
images:['mainthumbs/babiesthumb.jpg','mainthumbs/engagementsthumb.jpg','mainthumbs/dancethumb1.jpg','mainthumbs/artistthumb.jpg','mainthumbs/portraitsthumb1.jpg','mainthumbs/seniorsthumb1.jpg','mainthumbs/wedthumb1.jpg'],
links:['babies/babies.html','engagements/engagemainshow/engagementpictures.html','dance/dancepictures.html','artists/artists.html','portraits/portraits.html','seniors/highschoolseniors.html','weddings/weddings.html'],
lnk_base:'',
lnk_targets:['_iframe1',
'_iframe1',
'_iframe1',
'_iframe1',
'_iframe1',
'_iframe1',
'_iframe1' ],
lnk_attr:['width=200,height=300,top=200,menubar=yes',
'width=300,height=200,left=400,scrollbars=yes',
'width=150,height=250,left=200,top=100',
''],
titles:['Babies',
'Engagements',
'Dance',
'Artists',
'Portraits',
'HS Seniors',
'Weddings'],
image_border_width:1,
image_border_color:'#E3F0A1'
});
</script></p>
<p align="left"> </p>
</div>
</div>
有什么想法? -Stuart
答案 0 :(得分:1)
我通过jslint运行了你的js,并且遇到了很多问题。纠正这些可能会解决您的问题。
答案 1 :(得分:-1)
如果您在Mac上打开safari,则应该有一个名为“Develop”的菜单项。在下面有一个名为用户代理的项目,您可以在其中切换桌面浏览器,使其行为类似于iPhone移动Safari浏览器。在那里进行故障排除和进行iPhone兼容性测试会更容易。
根据您安装的内容,一些选项包括:
Mobile Safari 4.0.2 - iPhone Mobile Safari 4.0.2 - iPod Touch Mobile Safari 3.2.2 - iPad 等...