Onload用jQuery单击图片

Question

我有一个网站，我试图在网站加载时使用jQuery自动点击图片。我正在使用wordpress，并且代码在页脚中实现。该站点为https://mobimania.si/trgovina/ovitek-print-gold-mandala-copy/，实际图片位于“ IZBERI MOTIV”部分。

我有代码，但由于某种原因它不起作用

jQuery("document").ready(function($) {

  setTimeout(function() {

    $("#mCSB_4.fpd-grid.fpd-item>picture").trigger('click');

  }, 10);

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

<div id="mCSB_4" class="mCustomScrollBox mCS-light mCSB_vertical mCSB_outside" style="max-height: none;" tabindex="0">

  <div id="mCSB_4_container" class="mCSB_container mCS_y_hidden mCS_no_scrollbar_y" style="position:relative; top:0; left:0;" dir="ltr">

    <div class="fpd-grid fpd-grid-contain fpd-padding">

      <div class="fpd-item fpd-hidden" data-title="252105" data-source="/wp-content/uploads/2019/02/252105-e1551204819312.jpg" data-search="252105">

        <picture data-img="/wp-content/uploads/2019/02/252105-e1551204819312-188x300.jpg"></picture>

      </div>

    </div>

  </div>

</div>

Answer 1

您的页面上有一些JavaScript错误，请修复它们。关于您的问题：由于使用了错误的选择器，因此您的代码无法正常工作，此代码应该可以工作：$("#mCSB_4&nbsp;.fpd-grid&nbsp;.fpd-item&nbsp;>&nbsp;picture").trigger('click');请注意空格，您具有一个id =“ mCSB_4”的元素，其中包含一个包含“ fpd-grid”类的元素，该元素包含一个具有“图片子代”的类“ fpd-item”。如果没有空格，则正在搜索id =“ mCSB_4”和这些类的元素。