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

这样我有：

可重复使用的功能
已处理的元素已标记，下次调用该函数时将不会处理
元素仅在上下文中处理（如果指定）（例如，通过AJAX请求返回的HTML代码）

希望这有帮助）

jQuery - 只做一次

3 个答案: