Question

使用jQuery插件SwipeBox时，可以添加<a>作为标题。在桌面设备中，标题<a href='...'>I am a caption</a>是可点击的。但是，当移动设备访问时，标题不可点击，而只是在每次点击时重新显示标题。

是否可以使其正确地遵循链接？

点击照片后出现的HTML：

<div class="slide current"><img src="http://domain.com/big-image.jpg"></div>

和

<a id="swipebox-caption" href="http://external.com/link" class="" style="transition: 0.5s; -webkit-transition: 0.5s;">Caption text</a>

来自插件的JS代码限制从后面点击的链接开始如下：

$( 'body' ).bind( 'touchstart', function( event ) {

                $( this ).addClass( 'touching' );

                endCoords = event.originalEvent.targetTouches[0];
                startCoords.pageX = event.originalEvent.targetTouches[0].pageX;
                startCoords.pageY = event.originalEvent.targetTouches[0].pageY;

                $( '.touching' ).bind( 'touchmove',function( event ) {
                    event.preventDefault();

有没有办法说，如果＆＃34;触摸＆＃34;事件在标题boudaries中，然后不要阻止默认行为，只需点击链接？

感谢您提供任何意见。

Answer 1

知道了，需要在“关闭”代码下添加这段代码：

                $('#swipebox-caption').bind(action, function () {
                window.location = goToUrl;
            });

在jQuery插件swipebox中，图片标题中的链接插入在移动设备上无法点击，仅在桌面设备中，如何修复？

1 个答案: