热点未在产品查看器中链接
Posted
技术标签:
【中文标题】热点未在产品查看器中链接【英文标题】:hotspots not linking in product viewer 【发布时间】:2013-02-25 16:23:51 【问题描述】:因此,使用 360 度图像旋转脚本,我设置了一个标签来充当热点并引导到 jquery 移动文档中的不同页面。一切都可以在桌面上运行,但是当我在 ipad 上测试页面时,没有任何链接可以在任何地方运行。这是旋转的脚本。
<script>
jQuery(document).ready(function ($)
var $product = $('#product'),
$imgs = $product.find(".child"),
imageTotal = $imgs.length - 1,
clicked = false,
widthStep = 4,
currPos,
currImg = 0,
lastImg = 0;
$imgs.bind('mousedown', function (e)
e.preventDefault(); // prevent dragging images
)
.filter(':gt(0)').addClass('notseen');
$product.bind('mousedown touchstart', function (e)
if (e.type == "touchstart")
currPos = window.event.touches[0].pageX;
else
currPos = e.pageX;
clicked = true;
return false;
);
$(document)
.bind('mouseup touchend', function ()
clicked = false;
)
.bind('mousemove touchmove', function (e)
if (clicked)
var pageX;
if (e.type == "touchmove")
pageX = window.event.targetTouches[0].pageX;
else
pageX = e.pageX;
widthStep = 4;
if (Math.abs(currPos - pageX) >= widthStep)
if (currPos - pageX >= widthStep)
currImg++;
if (currImg > imageTotal)
currImg = 0;
else
currImg--;
if (currImg < 1)
currImg = imageTotal;
currPos = pageX;
$imgs.eq(lastImg).addClass('notseen');
$imgs.eq(currImg).removeClass('notseen');
lastImg = currImg;
// $obj.html('<img src="' + aImages[options.currImg] + '" />');
);
);
</script>
我知道它的脚本,因为当我删除它时,链接会起作用。有什么想法吗?
【问题讨论】:
【参考方案1】:jQuery(document).ready()
在 jQM 中不受支持。
http://view.jquerymobile.com/1.3.0/docs/faq/dom-ready-not-working.php
【讨论】:
以上是关于热点未在产品查看器中链接的主要内容,如果未能解决你的问题,请参考以下文章