1

jquery mobile のカルーセルに自分のキューブが表示されません....カルーセルがなければ、キューブ アニメーションは正常に動作します....

作業コード http://jsfiddle.net/SV8CM/2/embedded/result/

フィドルのバグ...動作していません 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);
4

1 に答える 1

0

まず<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>
于 2013-02-02T11:09:29.580 に答える