使用Slider jquery和CreateElement

Question

我用这样的jquery制作了图像数组。

        var images = [ '/image/01.jpg', '/images/02.jpg', 'images/03.jpg' ];

        function buildImages() {
            // the container
            var container = document.getElementById('mimages');
            var imgList = document.createElement('ul');
            imgList.className = 'mobile-slider';

            for (var i = 0; i < images.length; i++) {

                // create the image element
                var imgListItem = document.createElement('li');
                var imageElement = document.createElement('img');
                imageElement.setAttribute('src', images[i]);
                // append the element to the container

                document.getElementById("mimages").appendChild(imgList).appendChild(imgListItem).appendChild(imageElement);
            }
        }

        // run the script here.
        buildImages();

然后我想用Bxslider制作幻灯片。所以我把这段代码。

             $('.mobile-slider').bxSlider({
                mode: 'horizontal',
                speed: 800,
                auto: true
            });

但是，遗憾的是它不起作用。我不知道如何解决它。请帮我。 ：（