如何使用jquery将列表中的项添加为收藏夹?

时间:2013-07-04 10:49:54

标签: jquery html5

我正在尝试将listivew中的项目添加为收藏夹列表中的收藏夹。当我点击按钮(添加到收藏夹)时,它不会在收藏夹列表中添加该项目。这是我的“收藏夹列表”的Html页面。

我正在创建一个动态页面来显示文本文件的内容。在此页面中,当我点击dialog box按钮询问用户"YES""NO"添加收藏夹"YES"时,我有一个“添加到收藏夹”按钮特定页面必须添加到收藏夹列表,但我没有得到任何东西。

对话框:

<div data-role="page" id="addToFavoritesDialog">

    <div data-role="header">
        <h1>Add to Favorites?</h1>
    </div>
    <div data-role="content">
    <p>
    <a href="" data-role="button" data-theme="b" class="addToFavoritesButton">Yes!</a>
        <a href="" data-rel="back" data-role="button" class="no">No thank you</a>
    </p>
    </div>
    <div data-role="footer">

    </div>
</div>

动态页面:在Js文件中

$($.mobile.pageContainer).append('<div data-role="page" id="' + seq + '" class="items">
   <div data-role="content">
   </div>
   <div data-role="footer" data-position="fixed">
   <a href="#home" data-icon="home">Home</a>
   <a href="" data-role="button" class="addToFavoritesDiv">Add to Favorites</a>
   </div>
   </div>');

代码:

$(".addToFavoritesDiv").live('click', function(event) {
var id=$(this).data('#' + seq);
$.mobile.changePage("addtofav.html", {role:"dialog",data:{"id":id}});
});

$('.addToFavoritesButton').live('vclick', function(event, ui){
var id=$(this).data('#' + seq);
addToStorage(id);
$("#addToFavoritesDialog").dialog("close");
});

$(document).on('click','#fav', function(event, ui){
                //get our favs
                var favs = getStorage();
                var $favoritesList = $("#favoritesList");
                if (!$.isEmptyObject(favs)) {
                    if ($favoritesList.size() == 0) {
                        //$favoritesList = $('<ul id="favoritesList" data-inset="true"></ul>');
                        var s = "<li data-role=\"list-divider\">Favorites</li>";
                        for (var key in favs) {
                            s+= "<li><a href=\"index.html"'+key+'"\">"+favs[key]+"</a></li>";
                        }
                        $favoritesList.append(s);
                        $("#homePageContent").append($favoritesList);
                        $favoritesList.listview();
                    } else {
                        $favoritesList.empty();
                        var s = "<li data-role=\"list-divider\">Favorites</li>";
                        for (var key in favs) {
                            s+= "$("#favoritesList").append('<li><a href="index.html"'+key+'"\">'+favs[key]+'</a></li>');
                        }
                        $favoritesList.append(s);
                        $favoritesList.listview("refresh");
                    }
                } else {
                    // remove list if it exists and there are no favs
                    if($favoritesList.size() > 0) $favoritesList.remove();
                }
            });

任何人都可以帮助我获取收藏夹

先谢谢。

0 个答案:

没有答案