当用户单击jquery mobile中的任何按钮时，如何在列表视图上显示和隐藏按钮 [英] How to show and hide Buttons on list view when user click any button in jquery mobile

问题描述

当用户从标题选项EDIT或Delete中单击时，我需要在列表视图上显示编辑和删除按钮。当用户单击标题中的选项（按钮）时。在列表视图中可以看到两个按钮编辑或删除。如果用户选择任何一行的任何一个选项（编辑或删除）。然后在选择后看不见它可以帮助我如何完成这项任务。

这是我的代码。 http://jsfiddle.net/ravi1989/d47ry/

I need to show Edit and Delete Button on list view when user click from Header option EDIT or Delete.When user click option from the header (Button).It is able to see two buttons Edit or Delete in list view .If user select any of this option (EDit or Delete) of any row.Then after it is invisible after selection can you please help me How to do that task.
Here is my code. http://jsfiddle.net/ravi1989/d47ry/

<div data-role="page" id="DocumentScreen" > 
            <div data-role="header" data-theme="b" data-position="fixed" data-tap-toggle="false" >
                <a href="#Home" data-role="button" data-inline="true" data-theme="b" style="text-align:left;margin-removed 20px; margin-removed 10px;" >Back</a>
                <h1 class="ui-title"  id="hdr" style="text-align:left;margin-removed 100px;">My Documents</h1>
                <div class="ui-btn-right"  data-role="controlgroup" data-type="horizontal">
                    <div><a  data-role="button">AddORDelete</a></div>

                </div>
            </div>

            <div data-role="content">

                <ul data-role="listview" data-inset="true" id="folderInside_Data" >
                </ul>

            </div>

for (i = 0; i < 40; i++) {
                       $('#folderInside_Data').append(
                               '<li class="rowID" id="' + i + '">' + '<a href="#">' + '<img src="img/Blue-Folder.png">' + '<h2>Broken Bells</h2>' + '<p>Broken Bells</p>' + '<span class="ui-li-count">' + i + '</span></a>' + '</li>'
                               );

                   $('#folderInside_Data').listview('refresh');
               }


               $(document).on('click', '.rowID', function() {
                   // $.mobile.changePage($("#realTimeScreen"));
                   $.mobile.changePage($("#realTimeScreen"), {
                       transition: "slide",
                       reverse: false,
                       changeHash: false
                   });
                   console.log(this.id)
               });

推荐答案

（' ＃folderInside_Data'）。append（
' < li class = rowIDid =' + i + ' >' + ' < a href =＃>' + ' < img src =img / Blue-Folder.png>' + ' < h2> Broken Bells< / h2>' + ' < p> Broken Bells< / p>' + ' < span class =ui- li-count>' + i + ' < / span>< / a>' + ' < / li>'
）;

('#folderInside_Data').append( '<li class="rowID" id="' + i + '">' + '<a href="#">' + '<img src="img/Blue-Folder.png">' + '<h2>Broken Bells</h2>' + '<p>Broken Bells</p>' + '<span class="ui-li-count">' + i + '</span></a>' + '</li>' );

（ ＃folderInside_Data'）。listview（' 刷新'）;
}

('#folderInside_Data').listview('refresh'); }

（document）.on（' click'，' .rowid'，function（）{
//

(document).on('click', '.rowID', function() { //

这篇关于当用户单击jquery mobile中的任何按钮时，如何在列表视图上显示和隐藏按钮的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！