Page跳轉jQuery變化（）;

我正在使用幾個按鈕來切換div。每當我點擊按鈕，頁面跳轉。Page跳轉jQuery變化（）;

任何想法？

這裏是我的標記：

<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>

和我的jQuery：

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

來源

2012-10-26 tbrooks

你去除文檔流的元素，你能指望什麼？ – adeneo

我將提供的邏輯放到頁面中，沒有看到跳轉。也許如果你提供完整的標記或鏈接到頁面，它可以幫助解決這個問題。 – krg

也提供了css以及 –

嘗試這樣做，步驟：

刪除顯示：無在DIV是具有類cc_donation
計算最大高度值併爲div指定計算值，如t他：

$(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(); 
     });

來源

2012-10-26 19:08:11 testCoder

目前還不清楚你試圖用這個來完成什麼。你能通過你的想法走過我嗎？ – tbrooks

我從github粘貼你的標記，並注意當你選擇了收音機時你的頁面會跳轉。發生這種行爲是因爲你的div沒有相同的高度，你應該設置爲div等高，跳躍消失 – testCoder

Page跳轉jQuery變化（）;

回答

相關問題