Question

我有一个带有动画的jquery滑块，用于选择图片，如何在此滑块中制作图像，以便点击＆＃34;或者＆＃34;选择＆＃34;默认情况下页面加载？我需要它，因为当单击该项目时会出现另一个信息，我需要在页面加载时默认显示此信息。

  carousel.on('itemSelected.sc', onItemClick);

   }



function onItemClick (evt) {
    var selected = $('.sc-selected'),
        title = selected.attr('data-title'),
        desc = selected.attr('data-desc'),
        srcLarge = selected.attr('data-src-large'),
        srcSmall = selected.attr('data-src-small');

    $('#image-src').attr('src', srcLarge);
       $('#image-src-small').attr('src', srcSmall);
    $('#item-title').html(title);
      $('#item-desc').html(desc);


}

$(window).on('load', initCarousel);

  }(jQuery.noConflict()));

 var $ = jQuery.noConflict();

html（结合高级客户字段，wordpress）

if( have_rows('carousel_images') ):

 while ( have_rows('carousel_images') ) : the_row(); 
    $image= get_sub_field('image_carousel1'); 
   $title= get_sub_field('image_carousel_title'); 
   $des=get_sub_field('image_carousel_discription'); 
   $largeimage=get_sub_field('large_image'); 
   $smallimage=get_sub_field('small_image'); 

   if( !empty($image)&&!empty($title)&&!empty($des)&&!empty($largeimage)&&!empty($smallimage) ):
        // thumbnail
        $thumb = $image;
        $title1= $title;
        $des1= $des;
        $largeimage1= $largeimage;
        $smallimage2= $smallimage;

    ?>

   <li class="carousel-item-container" data-title="<?php echo $title1 ?>" data-desc="<?php echo $des1 ?>" data-src-large="<?php echo $largeimage1 ?>" data-src-small="<?php echo  $smallimage2 ?>"> 

<img src="<?php echo $thumb ?>" class="carousel-item-image roller-gallery1" id="122">    </li>

      <?php endif; ?>

<?php endwhile; ?>

Answer 1

您可以手动触发操作。把它放在加载功能中。

$( "#element-to-be-clicked" ).trigger( "click" );

如何通过页面加载，javascript上的deafult选择和项目

1 个答案: