jQuery窗口調整大小觸發器只觸發一次

Question

我想在多個jquery選項卡中包含一個滑塊，但因爲滑塊需要寬度和高度才能正常顯示，所以我需要在選項卡更改時調用窗口大小調整觸發器。此代碼的工作，但只有一次：

jQuery(".vc_tta .vc_tta-tab, .vc_tta .vc_tta-panel-title").click(function() { 
    jQuery(window).trigger("resize"); 
}); 

我放在這個在我的文檔外（準備）功能，但它仍然只能使用一次。

這是我完整的腳本：

jQuery(document).ready(function($){ 
    $('.slider-<?= $name ?>').slick({ 
     slidesToShow: 1, 
     centerMode: true, 
     centerPadding: '200px', 
     arrows: true, 
     focusOnSelect: true, 
     responsive: [ 
      { 
       breakpoint: 800, 
       settings: { 
        centerMode: false 
       } 
      } 
     ] 
    }); 
}); 

jQuery(".vc_tta .vc_tta-tab, .vc_tta .vc_tta-panel-title").click(function() { 
    jQuery(window).trigger("resize"); 
}); 

我不能複製完全按照我使用WordPress的可視化編輯器，但這是同一個問題：https://jsfiddle.net/keithpetrillo/d9jrgs80/

Answer 1

無需移動功能外部document.ready。嘗試從文檔中委託事件：

jQuery(document).on('click', ".vc_tta .vc_tta-tab, .vc_tta .vc_tta-panel-title", function() { 
    jQuery(window).trigger("resize"); 
}); 

這適用於在頁面加載時不存在或隱藏的元素。