Как сделать кнопку неактивной, пока элемент не будет удален? - PullRequest
Новая
       31

Как сделать кнопку неактивной, пока элемент не будет удален?

0 голосов
/ 14 апреля 2019

Так что мне удалось получить его, поэтому, когда я нажимаю кнопку, чтобы добавить что-то в избранное, она отключает кнопку.Но когда я обновляю, кнопка снова активируется.

Я хочу, чтобы при нажатии на кнопку свойства значка менялись, например, «Добавлено в избранное» и оставалось отключенным, но сказано «добавлено».в избранное », пока я не захожу в избранное и не удаляю элемент из локального хранилища.

Надеюсь, то, что я объяснил выше, понятно

Есть ли способ, которым я могу достичь этого?

(спросите, нужен ли вам дополнительный код, чтобы помочь мне в моей ситуации) 



$(document).ready( function() {
    $("#add_btn").on("tap", function(){
        var propName = $("#propName").text();
        var propPrice = $("#propPrice").text();
        var pageURL = $(location).attr("href");
        localStorage.setItem("propName", propName);
        localStorage.setItem("propPrice", propPrice);
        localStorage.setItem("prop", pageURL);
        $('#pFave').html("Property added to Favourites");
        $("#popupFave").popup("open", "reposition", 'positionTo: window');
        $("#add_btn").attr("disabled", true);
    }); 

    var propLength = window.localStorage.length;
    console.log(propLength);
    if(propLength !=0){
        var hName = localStorage.getItem("propName");
        var hPrice = localStorage.getItem("propPrice");
        var url = localStorage.getItem("prop");
        var list = "<li><a href='"+ url +"' data-ajax='false'>" +hName +"<br> "+hPrice + "</a><button id='remove' class='ui-btn ui-corner-all'>Delete</button></li>";
        $('#listProperties').append(list).listview('refresh');
        $('#remove').on("tap", function(){
            localStorage.removeItem("propName");
            localStorage.removeItem("propPrice");
            localStorage.removeItem("prop");
            window.location.reload();
        });
    } else {
        var list = "<li data-icon='false'><a href='#' data-ajax='false'>No Properties Saved</a></li>";
        $('#listProperties').append(list).listview('refresh');
    }
});
...