jQuery callbacks.fire()方法

jQuery callbacks.fire()方法

jQuery callbacks.fire()方法是用来调用列表中所有给定参数的回调。这个方法返回它所连接的回调对象(this)。

语法:

callbacks.fire( arguments )

参数:

  • arguments。这个参数定义了要传回回调列表的参数或参数列表。

返回值:该方法返回它所连接的回调对象(this)。

例子1:这个例子将fun1()添加到回调中,然后调用fire()方法,然后再次添加相同的方法,用不同的参数调用回调。

<!DOCTYPE HTML>
<html>
  
<head>
    <title>
        jQuery callbacks.fire() method
    </title>
  
    <script src=
"https://code.jquery.com/jquery-3.5.0.js">
    </script>
</head>
  
<body style="text-align:center;">
  
    <h1 style="color:green;">
        GeeksForGeeks
    </h1>
      
    <p id="GFG_UP"></p>
  
    <button onclick="Geeks();">
        click here
    </button>
      
    <p id="GFG_DOWN"></p>
  
    <script>
        var el_up = document.getElementById("GFG_UP");
        var el_down = document.getElementById("GFG_DOWN");
        el_up.innerHTML = "JQuery | callbacks.fire() method";
        var result = "";
        var callbacks = jQuery.Callbacks();
  
        function Geeks() {
  
            // First function to be added to the list
            var fun1 = function (val) {
                result = result + "This is function 1 "
                    + "and value passed is " + val + "<br>";
            };
  
            // Adding the function 1
            callbacks.add(fun1);
  
            // Calling with 'GFG_1'
            callbacks.fire("GFG_1");
  
            // Adding the function 1 again
            callbacks.add(fun1); 
  
            // Calling with argument'GFG_2'
            callbacks.fire("GFG_2");
            el_down.innerHTML = result;
        } 
    </script>
</body>
  
</html>

输出:
jQuery callbacks.fire()方法

例子2:这个例子增加了2个不同的函数,并以不同的参数调用它们。

<!DOCTYPE HTML>
<html>
  
<head>
    <title>
        JQuery | callbacks.fire() method
    </title>
  
    <script src=
"https://code.jquery.com/jquery-3.5.0.js">
    </script>
</head>
  
<body style="text-align:center;">
    <h1 style="color:green;">
        GeeksForGeeks
    </h1>
      
    <p id="GFG_UP"></p>
      
    <button onclick="Geeks();">
        click here
    </button>
      
    <p id="GFG_DOWN"></p>
      
    <script>
        var el_up = document.getElementById("GFG_UP");
        var el_down = document.getElementById("GFG_DOWN");
        el_up.innerHTML = "JQuery | callbacks.fire() method";
        var result = "";
        var callbacks = jQuery.Callbacks();
        function Geeks() {
            // function to be added to the list
            var fun1 = function (val) {
                result = result + "This is function 1 and"
                    + " value passed is " + val + "<br>";
            };
            var fun2 = function (val) {
                result = result + "This is function 2 and"
                    + " value passed is " + val + "<br>";
            };
            callbacks.add(fun1); // Adding the function 1
            callbacks.fire("GFG_1"); // Calling with 'GFG_1'
            callbacks.add(fun2); // Adding the function 2
            callbacks.fire("GFG_2"); // Calling with 'GFG_2'
            el_down.innerHTML = result;
        } 
    </script>
</body>
  
</html> 

输出:
jQuery callbacks.fire()方法

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程