jQuery - Chỉ thực hiện một lần

Question

Tôi muốn kiểm tra xem một phần tử có lớp .active, nếu nó thêm: margin-top: 4px;

Tuy nhiên tôi chỉ muốn điều này xảy ra khi, khi trang tải, khi lớp đã được phát hiện, tôi không muốn phát hiện lại và thêm kiểu CSS.

Lớp này được áp dụng khi các yếu tố nhất định được di chuột qua.

Điều này có thể thực hiện được trong jQuery không?

Answer 1

Khám phá sự kiện one. Ví dụ tài liệu:

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

Answer 2

này sẽ cháy một lần vào tải trang

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

Answer 3

Con đường tôi thường làm điều này là:

(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); 

Bằng cách này tôi có:

• chức năng tái sử dụng
• yếu tố xử lý được đánh dấu và sẽ không được xử lý thời gian tiếp theo hàm được gọi
• yếu tố được xử lý trong bối cảnh mà thôi, nếu được chỉ định (ví dụ, mã HTML trở lại thông qua một yêu cầu AJAX)

Hy vọng điều này giúp)