jQuery bxslider无法在ajax中加载由jQuery html()打印的内容

时间:2019-01-05 06:14:12

标签: ajax bxslider

在ajax请求中由jQuery html()打印的文件中,我有bx-slider代码和html内容用于滑块。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<div id="slider_wrap">

</div>

$.ajax({url: "return_data.php", success: function(result){   
            $('#slider_wrap').html(result); 
        }});

return_data.php 具有滑块内容和滑块代码

    <ul class="bxslider">
    <li><img src="/images/pic1.jpg"></li>
    <li><img src="/images/pic2.jpg"></li>
    <li><img src="/images/pic3.jpg"></li>
    <li><img src="/images/pic4.jpg"></li>
    </ul>

<link href="jquery.bxslider.css" rel="stylesheet">
<script src="jquery.bxslider.min.js"></script>

    setTimeout(function() {
      $('.bxslider').bxSlider();
    }, 2000);

0 个答案:

没有答案