1
제품에 대한 세부 정보가 있습니다.이 detailview에있을 때 좌우로 스 와이프하여 다음 또는 이전 제품을로드 할 수 있습니다. 이전 항목을로드 할 때 다음 클립과 왼쪽 클립 애니메이션을로드 할 때 슬쩍 오른쪽 애니메이션을 원합니다. 그것은 다음/prev 항목을 완벽하게로드하지만 애니메이션은 사용하지 않습니다.jQuery 모바일 똑같은 페이지 전환
var element = document.getElementById("product_detail_page");
var mc = new Hammer(element);
mc.on("swipeleft", function (ev) {
var now_index = current_index - 1;
if (now_index >= 0) {
current_index--;
show_product(now_index, true);
}
});
mc.on("swiperight", function (ev) {
var now_index = current_index + 1;
if (now_index >= 0 && now_index < products.length - 1) {
current_index++;
show_product(now_index, false);
}
});
function show_product(index, rev) {
var v = products[index];
$.mobile.changePage($("#product_detail_page"), {transition: 'slide', reverse: rev });
$("#product_detail_headline").text(v.product_title);
$("#product_detail_image").attr("href", v.product_image);
$("#product_detail_image").find("img").attr("src", v.product_image);
$("#product_details_description").html(v.product_description);
$("#product_details_price_text").text(v.product_price + " €");
$("#add_to_merkliste").attr("data-id", v.product_id);
$(".merkliste_button_text").text("Zur Merkliste hinzufügen");
$("#add_to_merkliste").find("i").addClass("zmdi-star-outline").removeClass("zmdi-star").removeClass("yellow");
$.each(merkliste, function (index, value) {
if (value.product_id == v.product_id) {
$(".merkliste_button_text").text("Von Merkliste entfernen");
$("#add_to_merkliste").find("i").addClass("zmdi-star").removeClass("zmdi-star-outline").addClass("yellow");
}
});
if (localStorage.getItem("show_prices") == "off") {
$("#product_details_price_wrapper").hide();
} else {
$("#product_details_price_wrapper").show();
}
if (v.product_price.length < 1) {
$("#product_details_price_wrapper").hide();
} else {
$("#product_details_price_wrapper").show();
}
}