Question

我正在使用smoothdivscroll.com中的smoothdivscroll，并且在某些浏览器中不会触发smoothdivscroller中的图像onclick。

<script>
function test() {
     alert("test click");   
}
</script>

<div id="makeMeScrollable">
    <img onClick="test()" src="http://fakeimg.pl/497x330/?text=Click me" alt="Field" id="field" />
    <img src="http://www.smoothdivscroll.com/images/demo/gnome.jpg" alt="Gnome" id="gnome" />
    <img src="http://www.smoothdivscroll.com/images/demo/pencils.jpg" alt="Pencils" id="pencils" />
    <img src="http://www.smoothdivscroll.com/images/demo/golf.jpg" alt="Golf" id="golf" />
    <img src="http://www.smoothdivscroll.com/images/demo/river.jpg" alt="River" id="river" />
    <img src="http://www.smoothdivscroll.com/images/demo/train.jpg" alt="Train" id="train" />
    <img src="http://www.smoothdivscroll.com/images/demo/leaf.jpg" alt="Leaf" id="leaf" />
    <img src="http://www.smoothdivscroll.com/images/demo/dog.jpg" alt="Dog" id="dog" />
</div>
<div>
    <img onClick="test()" src="http://fakeimg.pl/497x330/?text=Click me" alt="Field" id="field" />
</div>

我知道一个不起作用的： Chrome 18.0.1025469 Android 4.1.1; SCH-I535 Build / JRO03L WebKit版本：535.19（git @ 30c8f76）

Here是jsfiddle（单击滚动条中的第一个图像应该打开警报）：

Answer 1

使用触摸界面时滚动条内可点击链接的问题是您遇到事件冲突。应该将手指指向一个链接意味着“我想点击此链接”或者它的意思是“我把手指放在这里，因为我想开始滚动”。

我使用jQuery.kinetic进行触摸滚动。也许你可以查看他们的页面，看看是否有修复？

smoothdivscroll - 图像onclick不工作

1 个答案: