ページを更新せずにJavasScript <script>コードを再実行

Question

jQuery [​​] [1]メソッドを使用してクリックしてリロードするdivがあります。私はまた、明らかにjQueryスクリプトを含む<script>を持っています。 divは適切に表示されるスクリプトに依存しているので、再度実行するスクリプトが必要です。​​関数がdivで呼び出されました。

Answer 1

JQuery loadは、ロードが完了したときに呼び出される関数である2番目のパラメータを取ることができます。したがって、ロードが完了したときにdivを初期化する関数を呼び出すことができます。詳細はJQuery API Docs for load()をご覧ください。

<script> 
     $(function() { 
      $('.cart-container-toggle').on('click', function() { 
      $('.cart-container').load("https://www.website.com/ .inner-container", initCartDiv); 
      }); 
     }); 
</script> 

<script> 
    function initCartDiv() { 
      jQuery(function($) { 
      ajaxCart.init({ 
       formSelector: '#AddToCartForm', 
       cartContainer: '#CartContainer', 
       addToCartSelector: '#AddToCart', 
       cartCountSelector: '#CartCount', 
       cartCostSelector: '#CartCost', 
       moneyFormat: {{ shop.money_format | json }} 
      }); 
      }); 

      jQuery(document.body).on('afterCartLoad.ajaxCart', function(evt, cart) { 
      // Bind to 'afterCartLoad.ajaxCart' to run any javascript after the cart has loaded in the DOM 
      timber.RightDrawer.open(); 
      }); 
    } 

    initCartDiv(); 
</script>