防止插入後重新調整大小jquery

Question

我有一種情況，其中插入.after重新調整窗口的大小時。我只想插入一次，然後在調整大小時立即觸發 - 不會重複。什麼是解決這個問題的好方法？

if ($(options.accord) .length > 0) { 
    if ($(window).width() < 470) { 
    $tabs.addClass('example').after('enter tags here'); 
    } 
    $(window).resize(function() { 
    if ($(window) .width() < 470) { 
     $tabs.addClass('example').after('enter tags here'); 
    } 
    }); 
} 

Answer 1

您可以使用本地變量來注意after()是否已運行。內部功能仍然可以訪問本地變量當它運行：

if ($(options.accord) .length > 0) { 
    var afterAdded = false; 

    if ($(window).width() < 470) { 
    $tabs.addClass('example').after('enter tags here'); 
    afterAdded = true; 
    } 

    $(window).resize(function() { 
    if (($(window) .width() < 470) && ! afterAdded) { 
     $tabs.addClass('example').after('enter tags here'); 
     afterAdded = true; 
    } 
    }); 
} 

Answer 2

假設你刪除的example上課的時候規模大，你爲每個2個條件更多的代碼。您可以檢查example類，然後做你的添加/刪除

if ($(options.accord) .length > 0) { 
    if ($(window).width() < 470) { 
    if(!$tabs.hasClass('example')) { 
     $tabs.addClass('example').after('enter tags here'); 
    } 
    } 
    $(window).resize(function() { 
    if ($(window) .width() < 470) { 
     if(!$tabs.hasClass('example')) { 
      $tabs.addClass('example').after('enter tags here'); 
     } 
    } 
    }); 
}