【问题标题】:Content Carousel for jquery mobilejquery mobile的内容轮播
【发布时间】:2015-02-23 13:40:13
【问题描述】:

我正在使用 jquery mobile 开发移动应用程序。我正在寻找实施“提示”部分。屏幕上会显示一条提示,通过侧滑,我想查看另一个提示。

我的印象是 JQM 会有一个简单的轮播类型小部件...可以加载 html 内容。好像不是这样的。

附:我不是专门寻找图像滑块,我想滑动并随机化一个可以加载 html 元素(文本)的轮播。

有人对 jquery mobile 的移动应用程序有什么想法吗? (科尔多瓦)

【问题讨论】:

标签: javascript jquery cordova jquery-mobile jquery-plugins


【解决方案1】:

我使用过 Flex-slider,效果很好。

Working Demo

Product link

初始化:

$(window).load(function() {
            $('.flexslider').flexslider({
                animation: "slide",
                controlsContainer: ".flex-container"
            });
        });

标记

<!-- slider -->
    <div class="flex-container">
        <div class="flexslider">
            <ul class="slides">
                <li>
                    <img src="slides/1.jpg" alt="slide">
                    <p class="flex-caption">Awesomeness</p>
                </li>
                <li>
                    <img src="slides/2.jpg" alt="slide">
                    <p class="flex-caption"> &laquo;Fantastic &raquo;</p>
                </li>
                <li>
                    <img src="slides/3.jpg" alt="slide"> 
                    <p class="flex-caption"> &laquo; Wow &raquo;</p>                        
                </li>

            </ul>
        </div>
    </div>

【讨论】:

  • 完成了这项工作,感谢您为实施所做的努力。 NAV 按钮让我有点乱,但我看到很多人都会遇到这种情况:-)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2017-03-13
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-06-18
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多