jQuery点击事件问题iPhone,Safari iPad

时间:2011-01-17 12:08:46

标签: php jquery iphone ipad safari

我的网站似乎在大多数浏览器中运行,但在Mac系列(iPhone等)中。

大多数功能都有效,但当涉及使用图像作为目标的选择部分时,选择无效。

我没有要测试的iPhone,但根据反馈 - 在页面上(链接到下面),初始图标点击会显示模式窗口,并选择图标 - 这是不起作用的选择。

此图标选择的代码示例如下:

jQuery(function() {
jQuery('#cd').click(function() {
jQuery('#cd').fadeTo('fast',1);
    jQuery('#dvd').fadeTo('fast', .25, function() {
        jQuery('input[name=frmmedia]').val(1);
            jQuery('#next').show();
});
});
});
jQuery(function() {
jQuery('#dvd').click(function() {
    jQuery('#dvd').fadeTo('fast',1);
        jQuery('#cd').fadeTo('fast', .25, function() {
            jQuery('input[name=frmmedia]').val(2);
                jQuery('#next').show();
 });
});
});

此示例中包含图标的php代码/页面是:

 <div id="selmodule">
 <div id="optionholder"><img src="../img/pricemodules/dvd.jpg" alt="dvd" name="dvd" width="199" height="85" class="hoverswap" id="dvd" /><img src="../img/pricemodules/cd.jpg"   alt="compact disc" name="cd" width="212" height="85" class="hoverswap" id="cd" />
</div>
     </div>
<br />
<br />
<h3>Changing this option <br/>will reset the packaging options</h3>

 <form action="sess-set-reset.php" method="get" id="firstform" >
<input name="frmmedia" type="hidden"  id="frmmedia" value="" />
    <div id="next"><input type="image" name="Submit" value="Next" src="../img/page-elements/confirm.jpg"/>
   </div> 
   </form>

打开上述PHP页面的代码就是这个(可以在iPhone上运行)

//----media elements-----------------------------------------------------
jQuery(function (jQuery) {
jQuery('.media').click(function (e) {
    e.preventDefault();
    jQuery('#contentholder').load("media.php");
    jQuery("#contentholder").modal({
        onOpen: function (dialog) {
            dialog.overlay.fadeIn('fast', function () {
                dialog.data.hide();
                dialog.container.fadeIn('fast', function () {
                    dialog.data.slideDown('fast');
                });
            });
        }
    });
})
})

实际页面是“定价”页面: discburner 任何建议将不胜感激。谢谢

2 个答案:

答案 0 :(得分:0)

您可以/应该安装适用于Mac的iPhoney工具,或者适用于Windows的iBBDemo2工具,或者理想情况下,如果您使用的是Mac版Xcode /iPhone SDK - 并测试所有工具您自己的网站在这些模拟环境中。例如,您还可以找到几个在线MobileSafari“模拟器。HereHere。触摸事件可能很冒险,在撰写本文时,它们并非在标准jQuery库中都得到解决。如果您无法解决此问题,可以使用jQuery "Mobile" project找到一个有趣的,崭露头角的解决方案,现在处于测试阶段。

答案 1 :(得分:0)

iOS没有像计算机这样的可浏览文件系统,因此即使Safari支持文件上传,您也无法浏览到该文件以进行选择。

这是出于安全原因,因为每个iOS应用都在沙盒中运行,并且无法访问其他应用数据。

您可以下载或编写应用程序以上传照片和视频..