【问题标题】:Change displayed price based on a button click通过单击按钮更改显示的价格
【发布时间】:2013-08-09 23:29:59
【问题描述】:

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

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

要明白我的意思,请看这个链接,它做得很完美:https://swiftype.com/pricing

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

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

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

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

【问题讨论】:

    标签: javascript jquery ajax dynamic-content


    【解决方案1】:
    // 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);
          })
        });
    

    这是选择按钮的脚本..

    【讨论】:

    • 感谢您的帮助。我应该说我已经检查了元素。我也从其他地方得到了这个 js fiddle,它做同样的事情:jsfiddle.net/zFFEe 但我无法让它在我的网站上运行......design4writers.wpengine.com/cover-design-portfolio......我已经尝试了所有的东西。请查看此页面的底部,我只是想在设置样式之前让它工作。点击不起作用。如果有帮助,该网站在 WordPress 中?感谢你的宝贵时间。安德鲁。
    • Uncaught ReferenceError: $ is not defined .. Your JQuery file is not loaded...Plz check the url
    • .. 什么是'JS library'..给出正确的来源..
    • 天啊!太感谢了。这是我第一次使用 Stack Overflow,非常感谢您的帮助!有没有办法奖励荣誉等?不管怎样,谢谢你的帮助:)
    • 我想我只是这样做了(按下绿色对勾并使其变为绿色)。太棒了,谢谢!
    【解决方案2】:

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

    【讨论】:

    • 感谢您的帮助。我应该说我已经检查了元素。我也从其他地方得到了这个 js fiddle,它做同样的事情:jsfiddle.net/zFFEe 但我无法让它在我的网站上运行......design4writers.wpengine.com/cover-design-portfolio......我已经尝试了所有的东西。请查看此页面的底部,我只是想在设置样式之前让它工作。点击不起作用。如果有帮助,该网站在 WordPress 中?感谢你的宝贵时间。安德鲁。
    【解决方案3】:

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

    查看 Jquery 'hide' 方法。

    希望有帮助

    【讨论】:

    • 感谢您的帮助。我应该说我已经检查了元素。我也从其他地方得到了这个 js fiddle,它做同样的事情:jsfiddle.net/zFFEe 但我无法让它在我的网站上运行......design4writers.wpengine.com/cover-design-portfolio......我已经尝试了所有的东西。请查看此页面的底部,我只是想在设置样式之前让它工作。点击不起作用。如果有帮助,该网站在 WordPress 中?感谢你的宝贵时间。安德鲁。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2014-04-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-05-31
    相关资源
    最近更新 更多