热点未在产品查看器中链接

Posted 2023-02-23

【中文标题】热点未在产品查看器中链接

【英文标题】：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