Question

真的希望有人可以帮忙解决这个问题。

我正在建立一个网站，并且需要能够让人们根据他们的首选选项显示价格。

要了解我的意思，请查看此链接，以便完美地完成：https://swiftype.com/pricing

...当人们选择每月或每年时，下方图表中显示的价格会动态且即时更改（无需重新加载页面）。

这就是我需要的（除了有三个选项可供选择，而不是一个）。我怀疑它是动态div的jquery，但我无法实现它。

如果有人能提供帮助，我会非常感激。

祝福，感谢您的时间。 AB。

Answer 1

您提供的链接是使用月度或年度类来隐藏和显示已包含价格的div，而不进行任何Ajax调用。尝试使用firebug或其他控制台检查元素，您将亲眼看到它是如何工作的。

Answer 2

你可以有一个空div，在按钮点击时动态加载ajax内容。如果它总是会是相同的内容，那么我建议只有三个div并简单地隐藏那些没有显示的内容。

查看Jquery的“隐藏”方法。

希望有所帮助

Answer 3

// make the billing period selected tabs work
    $(function() {
      var $pricingTable = $('#pricing-table');
      $('#billing-picker .tab').click(function() {
        var $selectedTab = $(this);
        var selectedPeriod = $selectedTab.data('period-length');
        $('.tab').removeClass('selected');
        $selectedTab.addClass('selected');
        $pricingTable.removeClass().addClass(selectedPeriod);
      })
    });

这是SCRIPT，可以选择按钮..

根据按钮单击更改显示的价格

3 个答案: