小编Mil*_*ils的帖子

我尝试使用jQuery Mobile链接虚拟页面,但我有两个问题:

• 我第一次加载页面时,不会应用CSS.
• 当我选择一个页面并且我想要更改到另一个页面时,我注意到每次经过页面1.

这是我的榜样.

代码:

            var nbrButton = 3;
            $(document).ready(function(){
                for(i = 1;i <= nbrButton;i++) {

                    $("body").append('<div id="p'+i+'" data-role="page" class="pages"><div data-role="content">Page'+i+'</br><a data-role="button" rel="internal" href="#p1"  data-inline="true">1</a><a data-role="button" rel="internal" href="#p2"  data-inline="true">2</a><a data-role="button" rel="internal" href="#p3"  data-inline="true">3</a></div></div>');

                }
                $("#p1").show();

            });

你能告诉我这是什么问题,或者是否有更好的方法可以做到这一点.

谢谢.

我有这个例子。

我想将进度条反转 180 度以从右向左前进。要获得这样的东西：

我试图改变过渡属性，但没有结果。

代码 ：

.progress-bar span {
        display: inline-block;
        height: 100%;
        background-color: #777;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
        -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
        box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
        transition: width .4s ease-in-out;      
}