Question

我正在使用光滑的滑块。当我使用AJAX调用具有滑动滑块的HTML部件时，它不起作用。我已经提到了我的代码，如下所示：

@SpringBootApplication
@ComponentScan({"com.mypackage.controller"})
public class Application {

    public static void main(String[] args) {
        SpringApplication.run(Application.class, args);
    }

}

这是AJAX调用。

$(document).ready(function(){

        var year = $("#year").val();

        if(year == 'all'){


            $.ajax({
              method: 'post',
              url: 'helpData.php',
              data: {year:year},
              success: function(data){
                $("#helpData").html(data);
              }
          });
        }
    });

此代码适用于我已经包含的另一个JS文件中的光滑滑块。

if ($(this).is(".slider3")){
      $(this).slick({
        dots: true,
    autoplay:true,
    autoplaySpeed:1500,
    prevArrow: false,
      nextArrow: false,
      });
    }

这是我的<?php foreach ($helpData as $hdata) { $heData = $help->getAllImg($hdata->heid); ?> <div class="col-md-6"> <div class="onePost"> <div class="mySlider slider3"> <?php foreach( $heData as $himg ){ ?> <div class="bannerSlider"> <img src="<?php echo SITE_URL; ?>/img/help/<?php echo $himg->photo; ?>" class="img-responsive otherImages" /> </div> <?php } ?> </div> <a href="highlightpost.php?id=<?php echo $hdata->heid; ?>"> <p class="photoCaption"> <?php echo $hdata->title; ?> </p> </a> <p style="float: right;"> <a href=""><i class="fas fa-share-alt"></i></a> </p> </div> </div> <?php } ?> <?php } ?>代码，使用AJAX调用。

Answer 1

尝试一下

<?php

$html='';

foreach ($helpData as $hdata) {
    $heData = $help->getAllImg($hdata->heid);
    $html .=     '<div class="col-md-6">
        <div class="onePost">
            <div class="mySlider slider3">';
   foreach ($heData as $himg) { 
       $html .='<div class="bannerSlider">
                        <img src="'.SITE_URL.'/img/help/'.$himg->photo.'" class="img-responsive otherImages" />
                    </div>';
    }
     $html .='</div>
            <a href="highlightpost.php?id='.$hdata->heid.'">
                <p class="photoCaption">'.$hdata->title.'</p>
            </a>
            <p style="float: right;">
                <a href=""><i class="fas fa-share-alt"></i></a>
            </p>

        </div>
    </div>';
}

echo $html;

?>

使用php进行AJAX调用时，滑动滑块不起作用

1 个答案: