Список JQuery, массив json, событие щелчка фильтра

Question

У меня есть функция, которая фильтрует элементы из моего списка по цене при загрузке страницы. Я хотел бы прикрепить это к ссылке, чтобы вместо сортировки списка при загрузке страницы я хотел бы, чтобы пользователь щелкал ссылку или кнопку, чтобы отфильтровать список по цене.

Любая подсказка или указатели о том, как это сделать, было бы замечательно, спасибо!

// Json array
var productList = {"products": [
    {"brand": "brand1", "description": "Product 1", "price": "3.25"},
    {"brand": "brand2", "description": "Product 4", "price": "9.97"},
    {"brand": "brand3", "description": "Product 3", "price": "4.21"},
    {"brand": "brand4", "description": "Product 2", "price": "5.24"},
    {"brand": "brand5", "description": "Product 5", "price": "8.52"}
]
};


// SORT BY DESCRIPTION ASCENDING

function loadList() {
    var list = $("#productList").listview();
    var prods = productList.products.sort(function (a, b) {
        return a.description > b.description;
    });
    $.each(prods, function () {
        list.append("<li>" + this.description + "  :       " + this.price + "</li>");
    });
    $(list).listview("refresh");
}

Answer 1

так ... вы просто хотите вызвать loadList() одним щелчком мыши?

<a href="#" id="sort-list">Sort List</a>

$(function(){
  $("#sort-list").click(loadList);
});

Answer 2

Поскольку вы уже используете jQuery, посмотрите на TableSorter