Php jQuery点击事件问题iPhone、Safari iPad

我的网站似乎在大多数浏览器中都能正常运行，但在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>

实际页面是此处的“定价”页面：

---

如有任何建议，将不胜感激。谢谢

您可以/应该安装Mac或Windows之类的工具。。或者，理想情况下，如果您在Mac上，您可以自己在这些模拟环境中测试所有站点。你也可以在网上找到几个MobileSafari模拟器，或者，举个例子。触摸事件可能是不确定的，在撰写本文时，它们并非都在标准jquerylib中解析。如果您无法解决此问题，您可以在现在的beta版中找到一个有趣的、最新的解决方案。

iOS没有像计算机那样的可浏览文件系统，因此即使Safari支持文件上载，您也无法浏览到该文件以选择它

这是出于安全原因，因为每个iOS应用程序都在沙箱中运行，无法访问其他应用程序数据

---

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

在Apple dev tools的模拟器中，它似乎可以在iPhone 4 iOS v4.0和iPad iOS v3.2上正常工作。也许你现在已经修好了？或者我试错了？

//----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');
                });
            });
        }
    });
})
})