jQuery - 只做一次

Question

我想檢查一個元素是否具有類.active，如果它添加：margin-top：4px;

但是我只希望發生這種情況一旦，當頁面加載時，一旦檢測到類，我不想再次檢測到它並添加CSS樣式。

當某些元素被覆蓋時應用此類。

這是可能的jQuery？

Answer 1

查看one事件。記錄例如：

$('#foo').one('click', function() { 
    alert('This will be displayed only once.'); 
}); 

Answer 2

這將在頁面加載

$(function(){ 
    if ($("#elementid").hasClass("active")) 
    { 
     $("#elementid").css("margin-top", "4px"); 
    } 
}); 

Answer 3

的方式，我通常做這個火一旦是：

(function($) { 

    // my custom function to process elements 
    function myProcessFunction(context) { 

    // get context  
    context = context || document; 

    // select elements within the context, filter out already processed ones 
    // loop through remained (unprocessed) elements 
    // '.my-class' - selector for the elements I want to process 
    $('.my-class:not(.my-class-processed)', context).each(function(i.e){ 

     // mark the element as processed 
     $(e).addClass('my-class-processed'); 

     // add process code here 

    }); 
    } 

    // run myProcessFunction on document.ready 
    $(document).ready(function(){ 
    myProcessFunction(); 
    }); 

})(jQuery); 

這樣，我有：

• 可重用功能
• 處理元素被標記並且將不被處理下一次調用該函數時
• 元素僅，如果指定的（例如，HTML代碼經由一個AJAX請求返回）上下文

希望這內處理幫助）