在jquery mobile中冻结li标签的问题

Question

我使用Ajax和json动态创建列表视图与jQuery mobile一切正常，除了1个条件。我必须冻结列表视图中的第一个Li标签以显示为标题。我试过data-position =“fixed”但是它不适用于Li标签。在列表视图中冻结1st Li的任何其他方法??

例如

这是我的代码。

function popupFunc(data, status) {

            var no = JSON.parse(data.d);


            // creating html string
            var PoplistCode = '<ul data-role="listview"  data-inset="true" data-theme="d"  id="customerList">' + '<li id="header" data-role="list-divider" data-position="fixed" data-inset="true" data-theme="a" >Code: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Name:</li>';

            // running a loop
            $.each(no, function (index, value) {
                PoplistCode += '<li><a href="home.aspx?Batch=' + this.dept + '">'  + this.id + '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'  + this.id + '</a></li>';

            });

             PoplistCode += '</ul>';
//            //appending to the div
             $('#Popvalue').html(PoplistCode);

             $('#Popvalue').addClass("popheight");



//            // refreshing the list to apply styles
             $("#Popvalue").trigger("create");

             $.mobile.hidePageLoadingMsg();

        }

我从json对象动态创建li标签。我需要冻结包含id为标题的第一个li。

Answer 1

试试这个：

将您的第一个li元素更改为此==＆gt; <li data-role="list-divider">Menu</li>

工作示例HERE - FIDDLE

UPDATE FIDDLE：

FIDDLE-DEMO

你要做的是用id和class更新你的javascript并在你的.css文件中添加样式

请告诉我这是否是您要找的内容