Note that there are some explanatory texts on larger screens.

plurals
  1. POsimulating click on first element of <li>
    text
    copied!<p>I tried to simulate a click on the first <code>&lt;li&gt;</code> in the <code>&lt;ul&gt;</code>. Here's the html.</p> <pre><code>&lt;ul class="product-thumbs clearfix mCustomScrollbar _mCS_1"&gt; &lt;div class="mCustomScrollBox mCSB_horizontal" id="mCSB_1" style="position:relative; height:100%; overflow:hidden; max-width:100%;"&gt; &lt;div class="mCSB_container mCS_no_scrollbar" style="position: relative; left: 0px; width: 195px;"&gt; &lt;li data-full-image="/images/store_logos/e49c796f8740723601503849db95893f6592526a.jpeg" data-large-image="/images/store_logos/e49c796f8740723601503849db95893f6592526a.jpeg" class="active"&gt; &lt;img src="/images/store_logos/e49c796f8740723601503849db95893f6592526a.jpeg" alt=""&gt; &lt;/li&gt; &lt;li data-full-image="/images/store_logos/05838eeaff6014af6206de1cc7a60d7335e61dc1.jpeg" data-large-image="/images/store_logos/05838eeaff6014af6206de1cc7a60d7335e61dc1.jpeg" class=""&gt; &lt;img src="/images/store_logos/05838eeaff6014af6206de1cc7a60d7335e61dc1.jpeg" alt=""&gt; &lt;/li&gt; &lt;/div&gt; &lt;div class="mCSB_scrollTools" style="position: absolute; display: none;"&gt; &lt;div class="mCSB_draggerContainer" style="position:relative;"&gt; &lt;div class="mCSB_dragger" style="position: absolute; left: 0px;"&gt; &lt;div class="mCSB_dragger_bar" style="position:relative;"&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class="mCSB_draggerRail"&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/ul&gt; </code></pre> <p>Here's my jQuery:</p> <pre><code> $(".product-thumbs &gt; li:first").trigger('click'); </code></pre> <p>Why is this not working?</p>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload