Javascript 无法在jquery响应中显示滑块

我已经成功地在查看页面上实现了slider，但在jquery响应中，我不知道y slider没有移动，我也不知道我哪里做错了。实际上，我已经在jquery响应中加载了来自数据库的数据

以下是我的滑块成功查看页面：

<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg" style="width:640px;">
    <div class="modal-content">
      <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">



  <!-- Wrapper for slides -->
  <div class="carousel-inner" id="slider">
  <?php $count=1; if($inspection_images !=''){ foreach($inspection_images as $img){?>   
    <div class="item <?php if($count==1){ echo 'active'; } ?>">
     <img class="img-responsive" src="<?php echo base_url();?>uploads/inspection/<?php echo $img->attachment_saved_name; ?>" alt="...">
      <div class="carousel-caption">
       <?php echo $img->attachment_name.' ('.$img->column_name.')'; ?>
      </div>
    </div>
  <?php $count++; }} ?> 
  </div>

  <!-- Controls -->
  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left"></span>
  </a>
  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right"></span>
  </a>
</div>
    </div>
  </div>
</div>

在Ajax响应之后，当您在slider div中绑定HTML时，必须调用
$（'.carousel'）.carousel（）

函数galleryselectetemplate（）
{
var c=$（“#图库选项：选定”）.val（）；
var gt=$（“#templategallery选项：已选定”）.val（）；
//警报（gt）；
$.ajax({
cache:false，
数据类型：'json'，
键入：“POST”，
url:site_url+“图库/检查图库”，
数据：{client:c，gt:gt}，
成功：功能（resp）
{
//警报（（JSON.stringify（resp））；
//var计数=1；
var json_arr=json.parse（json.stringify（resp））；
if（json_arr！=null）
{
$（'#img'）.empty（）；
for（var ind=0；ind）*/
$（'#slider'）.html（'不发生相同的结果不知道y？
function galleryselectetemplate()
{
    var c = $('#gallery option:selected').val();
    var gt = $('#templategallery option:selected').val();
//  alert(gt);
    $.ajax({
       cache: false,
      dataType:'json',
       type: 'POST',
       url: site_url+'Gallery/inspection_gallery',
       data: {client:c,gt:gt},
       success: function(resp)
       {
         //  alert((JSON.stringify(resp)));
          // var count=1;
           var json_arr = JSON.parse(JSON.stringify(resp));
           <?php $count=1; ?>
           if(json_arr != null)
           {
               <?php $count=1; ?>
               $('#img').empty();
               for(var ind = 0;ind < json_arr.length;ind++)
               {
                /*  $('#img').append('<a href=""><img src="<?php echo base_url(); ?>uploads/inspection/'+json_arr[ind]['attachment_saved_name']+'" class="img-responsive"></img></a>');*///shows fit smaller image

                    $('#img').append('<a onclick="viewImage(\''+json_arr[ind]['attachment_saved_name']+'\')" title="'+json_arr[ind]['attachment_original_name']+'" href="javascript:;"><img src="<?php echo base_url(); ?>uploads/inspection/'+json_arr[ind]['attachment_saved_name']+'" width="300" height="200" class="img-responsive"></img></a>');//showing very larger img and i dont know y it is not getting in viewImage?

            /*      $('#slider').append('<img class="img-responsive " src="<?php echo base_url();?>uploads/inspection/'+json_arr[ind]['attachment_saved_name']+'" alt="..."></img>');*/

                    $('#slider').html('<div class="item <?php if($count==1){ echo 'active'; } ?>"><img class="img-responsive " src="<?php echo base_url();?>uploads/inspection/'+json_arr[ind]['attachment_saved_name']+'" alt="..."></img></div>');

                    <?php $count++; ?>

               }
           }
       }
      });
//  var ins= $("#inspectionid").val();
//  alert(c);
//  alert(gt);
//  alert(ins);
}

function galleryselectetemplate()
{
    var c = $('#gallery option:selected').val();
    var gt = $('#templategallery option:selected').val();
//  alert(gt);
    $.ajax({
       cache: false,
      dataType:'json',
       type: 'POST',
       url: site_url+'Gallery/inspection_gallery',
       data: {client:c,gt:gt},
       success: function(resp)
       {
         //  alert((JSON.stringify(resp)));
          // var count=1;
           var json_arr = JSON.parse(JSON.stringify(resp));
           <?php $count=1; ?>
           if(json_arr != null)
           {
               <?php $count=1; ?>
               $('#img').empty();
               for(var ind = 0;ind < json_arr.length;ind++)
               {
                /*  $('#img').append('<a href=""><img src="<?php echo base_url(); ?>uploads/inspection/'+json_arr[ind]['attachment_saved_name']+'" class="img-responsive"></img></a>');*///shows fit smaller image

                    $('#img').append('<a onclick="viewImage(\''+json_arr[ind]['attachment_saved_name']+'\')" title="'+json_arr[ind]['attachment_original_name']+'" href="javascript:;"><img src="<?php echo base_url(); ?>uploads/inspection/'+json_arr[ind]['attachment_saved_name']+'" width="300" height="200" class="img-responsive"></img></a>');//showing very larger img and i dont know y it is not getting in viewImage?

            /*      $('#slider').append('<img class="img-responsive " src="<?php echo base_url();?>uploads/inspection/'+json_arr[ind]['attachment_saved_name']+'" alt="..."></img>');*/

                    $('#slider').html('<div class="item <?php if($count==1){ echo 'active'; } ?>"><img class="img-responsive " src="<?php echo base_url();?>uploads/inspection/'+json_arr[ind]['attachment_saved_name']+'" alt="..."></img></div>');

                    <?php $count++; ?>

               }
           }

           $('.carousel').carousel();

       }
      });
//  var ins= $("#inspectionid").val();
//  alert(c);
//  alert(gt);
//  alert(ins);
}