modal中的滑块不能在codeigniter中工作

Question

我使用codeigniter来开发一个网站。我尝试在按钮点击时加载一个带滑块的模态。当不使用ajax时它运行良好。当使用ajax时我放了一个id为load的新div和一个显示一个在另一个下面的数据

HTML代码

    <div class="test">
<div id="disp" data-gr-c-s-loaded="true">
<div id="hd_data">
    <div class="bot_e">
    <h1>Shop Name</h1>
    </div>
    <div class="fa"></div>
<div class="box">       
<div id="scroll" class="owl-carousel owl-theme scroll"><div id="load"></div>
</div></div>
</div> </div></div>

Ajax代码

      $.ajax(
    {
    type:"post",
    url: "<?php echo base_url(); ?>Cntrl/getdata",
    data:{ 's_id':s_id},
    success:function(data)
    { 
    $("#load").append(data);
    }

    }
                    );

控制器

public function getdata()
{ 
$s_idenc = $this->input->post('s_id');
$all_content = $this->Home_model->get_from_db($s_id);
if(isset($all_content)) : 
foreach ($all_content as $key => $tt) :

$html = '<div  class="item"><a href="" class="paraent-container" ><img src=""></a><ul><li ><p class="nmae">huj</p></li><li><p class="value">ghj</p> </li></ul><button id="testbutton" class="snip1479">button</button></div>';
echo $html;
//endforeach;                                
//endif; 
}