【bxSlider】jQueryでappendしたHTMLを動かす

jQueryでappendしたHTMLをbxSliderで動かすときはそのままじゃ動かないみたいなのでメモ。

HTML（そのままでOK）

<ul class="bxSlider">
</ul>

js

/* bxsliderを呼び出すのを変数にする */
var slider = $('.bxSlider').bxSlider({
    //設定
});

/* append */
var slideDate = '<li><a href="http://qiita.com/"><img src="https://pbs.twimg.com/profile_images/842946405/profile_img_normal.png"></li>';
$('.bxSlider').append(slideDate);

/* appendしたあとにリロード */
slider.reloadSlider();

参考：Examples | Responsive jQuery Slider | bxSlider