0

我试图模拟单击<li>. <ul>这是html。

<ul class="product-thumbs clearfix mCustomScrollbar _mCS_1">
    <div class="mCustomScrollBox mCSB_horizontal" id="mCSB_1" style="position:relative; height:100%; overflow:hidden; max-width:100%;">
        <div class="mCSB_container mCS_no_scrollbar" style="position: relative; left: 0px; width: 195px;">
            <li data-full-image="/images/store_logos/e49c796f8740723601503849db95893f6592526a.jpeg" data-large-image="/images/store_logos/e49c796f8740723601503849db95893f6592526a.jpeg" class="active">
                <img src="/images/store_logos/e49c796f8740723601503849db95893f6592526a.jpeg" alt="">
            </li>
            <li data-full-image="/images/store_logos/05838eeaff6014af6206de1cc7a60d7335e61dc1.jpeg" data-large-image="/images/store_logos/05838eeaff6014af6206de1cc7a60d7335e61dc1.jpeg" class="">
                <img src="/images/store_logos/05838eeaff6014af6206de1cc7a60d7335e61dc1.jpeg" alt="">
            </li>
        </div>
        <div class="mCSB_scrollTools" style="position: absolute; display: none;">
            <div class="mCSB_draggerContainer" style="position:relative;">
                <div class="mCSB_dragger" style="position: absolute; left: 0px;">
                    <div class="mCSB_dragger_bar" style="position:relative;"></div>
                </div>
                <div class="mCSB_draggerRail"></div>
            </div>
        </div>
    </div>
</ul>

这是我的 jQuery：

 $(".product-thumbs > li:first").trigger('click');

为什么这不起作用？

4

3 回答 3

3

尝试改变

$(".product_thumbs > li:first")

和

$(".product_thumbs li:first")

因为 li 不是 ul 的直子

于 2013-05-13T14:55:11.450 回答
2

在这里，您不能使用

$(".product-thumbs > li:first")

>用于过滤直系子级。但是在你的 DOM 结构中，你有

<ul>
  <div>
     <li>
        ...

因此问题。

将其更改为

$(".product-thumbs li:first").trigger('click')

它应该可以工作。

于 2013-05-13T14:56:24.520 回答
1

因为你写product_thumbs的不是product-thumbs?

于 2013-05-13T14:53:49.710 回答