jQuery change（）上的页面跳转；

我用了两个按钮来切换div。每当我点击按钮，页面就会跳转

有什么想法吗

以下是我的标记：

  <label class='radio btn'>
    <input checked='checked' id='donation_payment_type_eft' name='donation[payment_type]' type='radio' value='eft'>
    <span class='payment-type-echeck' style='background-position: -413px 0;'>ECheck</span>
  </label>
  <label class='radio btn'>
    <input id='donation_payment_type_cc' name='donation[payment_type]' type='radio' value='cc'>
    <ul class='card_logos'>
      <li class='card_visa'>Visa</li>
      <li class='card_mastercard'>Mastercard</li>
      <li class='card_amex'>American Express</li>
      <li class='card_discover'>Discover</li>
    </ul>
  </label>

尝试执行以下步骤：

移除显示：div中没有具有类cc\u的显示

计算“最大高度”值，并为div指定计算值，如下所示：

_

---

您正在从文档流中删除元素，您希望得到什么？我将提供的逻辑放到了一个页面中，没有看到跳转。如果你提供完整的标记或页面链接，可能会有助于解决这个问题。下面是完整的标记：不清楚你想用它实现什么。你能告诉我你的想法吗？我从github粘贴了你的标记，并注意到当选择radio时，你的页面会跳转。发生这种行为是因为你的div没有相同的高度，你应该设置为divs equal height，然后跳开

$('#donation_payment_type_eft, #donation_payment_type_cc').change(function(e) {    
 $('.eft_donation').toggle();
 $('.cc_donation').toggle();
 e.preventDefault();
 return false;
});

$(function(){
            var eft_height = $(".eft_donation").height();
            var cc_height = $(".cc_donation").height();
            var max = Math.max(eft_height, cc_height);
            $(".eft_donation, .cc_donation").height(max);
            $(".cc_donation").hide();
        });