0

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

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

要了解我的意思,请查看完美完成的链接:https ://swiftype.com/pricing

...当人们选择每月或每年时,下方图表中显示的价格会立即动态变化(无需重新加载页面)。

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

如果有人可以提供帮助,我将非常感激。

最良好的祝愿,并感谢您的宝贵时间。AB。

4

3 回答 3

0

您提供的链接是使用每月或每年的课程来隐藏和显示已经包含价格的 div,而无需任何 Ajax 调用。尝试使用 firebug 或其他控制台检查元素,您将自己看到它是如何工作的。

于 2013-08-08T09:53:39.720 回答
0

您可以有一个空的 div,在按钮单击时动态加载 ajax 内容。如果它始终是相同的内容,那么我建议只使用三个 div 并简单地隐藏未显示的那些。

看看 Jquery 'hide' 方法。

希望有帮助

于 2013-08-08T10:01:02.660 回答
0
// 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);
      })
    });

这是选择按钮的脚本..

于 2013-08-08T10:03:23.650 回答