在dom修改中重新實例化jQuery ui手風琴

我的退房頁面上有一個jQuery UI手風琴，當您第一次訪問該頁面時工作正常，但我有一個登錄鏈接，它使用ajax切換頁面的一部分到登錄框，並在該頁面上，我有一個鏈接，即ajax返回到原始頁面，一旦返回到原始頁面，手風琴就停止運行。在dom修改中重新實例化jQuery ui手風琴

點擊「購買許可證」
單擊任意加入購物車按鈕
點擊結帳

就退房了頁面，你會看到手風琴「創建帳戶（可選）「工作正常，然後點擊」已經有RockItPro.com賬戶？登錄「，然後點擊」需要創建賬戶？作爲客人註冊或結賬「。您會注意到手風琴在原始頁面上不起作用。

jQuery UI的手風琴代碼：

jQuery(document).ready(function($) { 
$(".accordion2").accordion({ 
animate: 500, 
collapsible: true, 
active: false, 
heightStyle: 'content' }); 
});

手風琴代碼：

<div class="accordion2"> 
    <h3 class="faqaccordion">Create An Account (optional)</h3> 
    <div> 
    <fieldset id="edd_register_account_fields"> 
      <span><legend><?php _e('Create An Account (optional)', 'edd'); if(!edd_no_guest_checkout()) ?></legend></span> 
      <br/><span class="createaccount-description"><?php _e('Create an optional account to re-download purchases, view past orders, and download beats for non-profit use.', 'edd'); ?></span> 
      <?php echo do_shortcode('[userpro_social_connect size="medium" width="295px" facebook_title="Sign Up with Facebook" twitter_title="Sign Up with Twitter" google_title="Sign Up with Google+"]'); ?> 
      <span class="login-or"><h3><span>OR</span></h3></span> 
      <?php do_action('edd_register_account_fields_before'); ?> 
      <p id="edd-user-login-wrap"> 
       <label for="edd_user_login"> 
        <?php _e('Username', 'edd'); ?> 
        <?php if(edd_no_guest_checkout()) { ?> 
        <span class="edd-required-indicator">*</span> 
        <?php } ?> 
       </label> 
       <input name="edd_user_login" id="edd_user_login" class="<?php if(edd_no_guest_checkout()) { echo 'required '; } ?>edd-input" type="text" placeholder="<?php _e('Username', 'edd'); ?>" title="<?php _e('Username', 'edd'); ?>"/> 
      </p> 
      <p id="edd-user-pass-wrap"> 
       <label for="password"> 
        <?php _e('Password', 'edd'); ?> 
        <?php if(edd_no_guest_checkout()) { ?> 
        <span class="edd-required-indicator">*</span> 
        <?php } ?> 
       </label> 
       <input name="edd_user_pass" id="edd_user_pass" class="<?php if(edd_no_guest_checkout()) { echo 'required '; } ?>edd-input" placeholder="<?php _e('Password', 'edd'); ?>" type="password"/> 
      </p> 
      <p id="edd-user-pass-confirm-wrap" class="edd_register_password"> 
       <label for="password_again"> 
        <?php _e('Password Again', 'edd'); ?> 
        <?php if(edd_no_guest_checkout()) { ?> 
        <span class="edd-required-indicator">*</span> 
        <?php } ?> 
       </label> 
       <input name="edd_user_pass_confirm" id="edd_user_pass_confirm" class="<?php if(edd_no_guest_checkout()) { echo 'required '; } ?>edd-input" placeholder="<?php _e('Confirm password', 'edd'); ?>" type="password"/> 
      </p> 
      <?php do_action('edd_register_account_fields_after'); ?> 
     </fieldset> 
    </div> 
</div>

來源

2014-05-23 Nate M.

您申請的手風琴插件只有在調用函數時的時間相匹配的DOM元素。當你以後的AJAX中有新的元素時，你需要重新申請。只需在AJAX完成的回調中完成。 – christian314159

我不懂流量。請給我們更多的細節 –

你應該做 $（ 'class_contaier'）上（ '點擊'，」 .accordion2' ，函數（）{$ （本）.accordion（{....}）;} ）;

編輯------ 這可能是$（」。accordion2' ）而不是$（本）。

來源

2014-06-20 11:37:45 Gio

在dom修改中重新實例化jQuery ui手風琴

回答

相關問題