jQuery eine Funktion

Question

Wie erstellt man eine Funktion jQuery one() auf $(document).ready, ich kenne die Syntax für Click-Ereignisse und Selektoren, aber ich weiß nicht, wie man eine Funktion, die nur auf Dokument bereit und nur ausgeführt werden würde einmal, mit switch statements drin?

Answer 1

Standardmäßig wird die Funktion nur einmal ausgeführt werden, es sei denn, Ereignis-Listener gibt, die es mehr als einmal aufrufen.

Rayons Antwort ist nicht die beste. Setzen Sie die Funktion einmal() in die Funktion $ .ready, so dass der globale Namespace nicht verschmutzt wird. Es stellt auch eine schnellere Auflösung des Funktionsnamens aufgrund der Scope-Ketten von JavaScript sicher.

Setzen Sie es nach draußen, wenn es eine wiederverwendbare Komponente ist, so dass Sie es leicht in einer separaten Datei verschieben und aus verschiedenen Kontexten aufrufen können. Dies würde gelten, wenn Sie eine Bibliothek oder eine große Anwendung entwickeln.

$(document).ready(function() { 
 
    once(); 
 
\t function once() { 
 
    \t alert("See, this happens only once"); 
 
    }; 
 
});

<script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script> 
 
<div> 
 
Test 
 
</div>

Answer 2

function one() { 
 
    alert("Once called"); 
 
} 
 

 
$(document).ready(function() { 
 
    one(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

erklären Sie Ihre Funktion wie gewohnt und von innen document.ready nennen.

https://learn.jquery.com/using-jquery-core/document-ready/

function one() { 
    console.log("Do one"); 
} 

$(document).ready(function() { 
    one(); 
}); 

Answer 3

var handler = function() { 
 
    alert('Called!'); 
 
}; 
 
$(document).ready(function() { 
 
    handler(); 
 
    $('#elem').one('click', handler); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
 
<div id="elem">Only Once!</div>

Answer 4

Wenn Sie absolut sicher sein, die Funktion nur einmal ausgeführt wird, können Sie einen Flag verwenden, falls es versehentlich wieder genannt:

var flag = false; 

function one() { 
    if (!flag) { 
     flag = true; 
     //do stuff 
    } 
} 

//.ready() 
$(function() { 
    one(); 
}); 

Wenn Die Funktion ist für eine Seite eindeutig. Sie können sie innerhalb des Aufrufs .ready() deklarieren.

Answer 5

können Sie $.Callbacks() mit Parameter verwenden "once"

function once() { 
 
    alert("once") 
 
} 
 

 
var callbacks = $.Callbacks("once"); 
 

 
callbacks.add(once); 
 

 
$().ready(callbacks.fire); // call `once` 
 

 
$().ready(callbacks.fire); // this will not call `once` 
 

 
$().ready(function() { 
 
    alert("do other stuff") 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"> 
 
</script>