jquery mobile中的滑动转盘和立方体显示

jquery mobile中的滑动转盘和立方体显示,jquery,css,jquery-mobile,jquery-plugins,carousel,Jquery,Css,Jquery Mobile,Jquery Plugins,Carousel,我无法在jquery mobile的旋转木马中看到我的多维数据集。。。。 如果没有旋转木马,立方体动画效果很好 工作代码 小提琴里的虫子…不工作 如何修复它?我的代码如下: <ul id="carousel1" style="display: none;"> <li> <div style="width: 100%; height: 100%; background-color:#381;">

我无法在jquery mobile的旋转木马中看到我的多维数据集。。。。 如果没有旋转木马,立方体动画效果很好

工作代码

小提琴里的虫子…不工作

如何修复它?我的代码如下:

<ul id="carousel1" style="display: none;">
        <li>
            <div style="width: 100%; height: 100%; background-color:#381;">
                <div class="span5" style="margin-left: 97px; width: 493px;">
                    <div class="melonhtml5_gallery">
                        <div data-caption="&lt;a style='margin-left: 92px; font-size: 18px; color: grey;' href='http://www.w3schools.com/' &gt;Create&lt;/a&gt; &lt;div&gt; &lt;a style='margin-left: 92px; font-size: 18px; color: grey;' &gt;View/Edit&lt;/a&gt; &lt;/div&gt; &lt;a style='margin-left: 92px; font-size: 18px; color: grey;' &gt;Labels&lt;/a&gt;" data-image="http://www.defie.co/designerImages/inventoryControl.png"></div>

                </div>
            </div>
        </li>
        <li>
            <div style="width: 100%; height: 100%; background-color:#837;">
               <div class="span5" style="margin-left: 65px; width: 493px;">
                    <div class="melonhtml5_gallery">
                        <div data-caption="" data-image="http://www.defie.co/designerImages/png/accPayable.png"></div>

                    </div>
                </div>
            </div>
        </li>
    </ul> 
就第一次而言,没有完成交割

   (function($) {
        $("#carousel1").carousel();
        $("#carousel2").carousel({direction: "vertical"});
    })(jQuery);
<li>
    <div style="width: 100%; height: 100%; background-color:#381;">
        <div class="span5" style="margin-left: 97px; width: 493px;">
            <div class="melonhtml5_gallery">
                <div data-caption="&lt;a style='margin-left: 92px; font-size: 18px; color: grey;' href='http://www.w3schools.com/' &gt;Create&lt;/a&gt; &lt;div&gt; &lt;a style='margin-left: 92px; font-size: 18px; color: grey;' &gt;View/Edit&lt;/a&gt; &lt;/div&gt; &lt;a style='margin-left: 92px; font-size: 18px; color: grey;' &gt;Labels&lt;/a&gt;" data-image="http://www.defie.co/designerImages/inventoryControl.png"></div>
            </div> <!-- here closing div was missing -->
        </div>
    </div>
</li>