zoukankan      html  css  js  c++  java
  • mui轮播绑定

    <div class="mui-content">
                        <ul class="mui-table-view mui-table-view-chevron">
                            <li id="switch" class="mui-table-view-cell" style="display: none;">
                            </li>
                        </ul>
                    </div>
    
                    <div id="topdata"></div>
    function GetArticleList() {
            var json = {};
            json.action = "GetArticleList";
            json.count = 3;
            json.classid = 1;
            $.post(articlemsgapi, json, function (msg) {
    
                if (msg != "0") {
    
                    var obj = eval("(" + msg + ")");
                    var dataRow = obj.rows;
                    var count = parseInt(dataRow.length);
                    if (count > 0) {
    
    
                        var html = '<div id="slider" class="mui-slider">';
    
                        html += '<div class="mui-slider-group mui-slider-loop">'
                        html += '<div class="mui-slider-item mui-slider-item-duplicate">';
                        if (dataRow[dataRow.length - 1].JSON_linkurl == "#") {
                            html += '    <a href="#">';
                        } else {
                            html += '    <a href="' + dataRow[dataRow.length - 1].JSON_linkurl + '">';
                        }
                        html += '        <img src="' + dataRow[dataRow.length - 1].JSON_defaultpicurl + '">';
                        html += '    </a>';
                        html += '</div>';
    
                        $.each(dataRow, function (index, item) {
    
                            html += '<div class="mui-slider-item">';
                            if (item.JSON_linkurl == "#") {
                                html += '    <a href="#">';
                            } else {
                                html += '    <a href="' + item.JSON_linkurl + '">';
                            }
                            html += '        <img src="' + item.JSON_defaultpicurl + '">';
                            html += '    </a>';
                            html += '</div>';
    
                        });
    
                        html += '<div class="mui-slider-item mui-slider-item-duplicate">';
                        if (dataRow[0].JSON_linkurl == "#") {
                            html += '    <a href="#">';
                        } else {
                            html += '    <a href="' + dataRow[0].JSON_linkurl + '">';
                        }
                        html += '        <img src="' + dataRow[0].JSON_defaultpicurl + '">';
                        html += '    </a>';
                        html += '</div>';
                        html += ' </div>  ';
                        html += ' </div>  ';
    
                        $("#topdata").append(html);
    
                        mui('#slider').slider({
                            interval: 3000
                        });
                    }
                }
            });
        }
  • 相关阅读:
    分布式锁-数据库实现
    MyBatis-Plus自动填充功能失效导致原因
    Java中锁的解决方案
    2:什么是单体应用锁?什么是分布式锁?
    1:初始锁这个概念
    移动端网页开发问题小结
    node.js+socket.io创建web聊天室
    使用HTML5实现刮刮卡效果
    总结(活动)
    videoJs 使用
  • 原文地址:https://www.cnblogs.com/yyy251/p/9505323.html
Copyright © 2011-2022 走看看