Question

让我先简单总结一下我有什么需要更好地解释这一点。

我正在创建一个结帐页面。在该页面中，我有三个部分。这些单独的部分都在同一页面上，但我将它设置为一次只显示一个部分的位置。这些部分是：

送货信息
结算信息
订单确认

所以它的设置方式是，如果你点击继续进入下一部分，那部分将隐藏，另一部分将显示。这很好用。我遇到的问题是我正在尝试创建一种方法来回到上一节，以防客户需要在上一部分中编辑信息。

我为了回到最后一部分而添加的代码是出于某种原因使所有部分同时出现。

所以这些部分是这样的：

发货信息代码，然后 -

<button class="checkoutbutton" id="btnProceedBillingInfo"> Proceed to Billing Information</button>

结算信息代码，然后 -

<button class="checkoutbutton" id="btnPreAuthorize">Proceed to Order Confirmation</button>

JS

进入结算信息部分

$('#btnProceedBillingInfo ').click(function () {
    $(".shippinginfocontainer").hide();
    $('.paymentinfocontainer').show("slow");
 }

进入确认部分

$('#btnPreAuthorize').click(function () {
    $(".checkoutprocess > div").hide();
    $('.confirmationinfocontainer').show("slow");
    $('#widebutton').show("slow");
}

我尝试做的是在html页面添加以下代码：

<input class="backInCart" id="backToShippingInfo" value="Back to Shipping Information">

然后添加以下JS：

$('#backToShippingInfo').click(function () {
    $(".paymentinfocontainer").hide();
    $('.shippinginfocontainer').show("slow");
}

基本上，我只是试图扭转这个过程。我正在使用输入数字返回到该部分，因为我不希望为后面的链接显示按钮。

如果这不是最有意义的话，你可以在buyfarbest.com上查看我的网站，看看我想要实现的目标。当您单击“返回发货信息”或“结算信息”时，我只希望发生相反的影响。

Answer 1

似乎你有一个语法错误，它会破坏js的执行。缺少关闭＆＃39;）;＆＃39;在所有点击处理程序上

$('#backToShippingInfo').click(function () {
    $(".paymentinfocontainer").hide();
    $('.shippinginfocontainer').show("slow");
});  // <- this guy here

试图扭转点击功能的效果正在显示所有内容

1 个答案: