我有以下图像列表:
<ul class="docs-pictures clearfix">
<li><img data-original="../assets/img/tibet-5.jpg" src="../assets/img/thumbnails/tibet-5.jpg" alt="Potala Palace 2"></li>
<li><img data-original="../assets/img/tibet-6.jpg" src="../assets/img/thumbnails/tibet-6.jpg" alt="Potala Palace 3"></li>
<li><img data-original="../assets/img/tibet-7.jpg" src="../assets/img/thumbnails/tibet-7.jpg" alt="Lhasa River"></li>
<li><img data-original="../assets/img/tibet-8.jpg" src="../assets/img/thumbnails/tibet-8.jpg" alt="Namtso 1"></li>
<li><img data-original="../assets/img/tibet-9.jpg" src="../assets/img/thumbnails/tibet-9.jpg" alt="Namtso 2"></li>
</ul>
我想模拟对第一张图片的点击,所以我做到了:
$('.docs-pictures li:first').trigger('click');
但这是行不通的。
我尝试id
为第一个设置img
:
<li><img id="img1" data-original="../assets/img/tibet-5.jpg" src="../assets/img/thumbnails/tibet-5.jpg" alt="Potala Palace 2"></li>
然后我做了:
$("#img1").click()
它奏效了,但我需要<ul>
在全班学习
您正在触发对li的单击,而在有效的示例中,您正在触发img
你应该做的是
$(".does-pictures li:first img").click();
那应该起作用。或移动您的触发功能以在li上工作。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句