jquery - 在 jQuery Mobile 中滑动旋转木马和立方体显示

标签 jquery css jquery-mobile jquery-plugins carousel

<分区>

我无法在 jquery Mobile 的轮播中看到我的多维数据集.... 没有旋转木马立方体动画工作正常....

工作代码 http://jsfiddle.net/SV8CM/2/embedded/result/

fiddle 中的错误...无法正常工作 http://jsfiddle.net/yxhzU/5132/

如何解决？我的代码如下:

<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>

下面的jquery代码

   (function($) {
        $("#carousel1").carousel();
        $("#carousel2").carousel({direction: "vertical"});
    })(jQuery);

最佳答案

至于第一<li>缺少关闭 </div> .

<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>

关于jquery - 在 jQuery Mobile 中滑动旋转木马和立方体显示，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14575657/

上一篇：jquery - 具有动态高度的简单内容 slider

下一篇：CSS 变换，chrome 中的锯齿状边缘

相关文章：

html - 如何使用 CSS Flexbox 来伸缩多个高度/尺寸的盒子

html - 如何在网站上添加两种语言？

javascript - jQuery Mobile -> 页面生命周期？

javascript - Jquery .remove 事件仅针对父级而不是子级

javascript - 使用回车键而不是提交按钮在 JS 中提交表单

html - 如何使用 bootstrap 2.3 将桌面 View 中的两行转换为移动 View 中的一行？

javascript - 为什么 data-position ="fixed"data-tap-toggle ="false"不起作用？

javascript - 如何实现事件队列？

javascript - 在输入掩码占位符中添加当前日期

jquery - 修复了使用 scrollToFixed 插件进入相邻 float div 的 Div