unbind

« Обратно к странице событий

[редактировать]

unbind( [тип], [функция] )

Действие этой функции противоположно функции bind: удаляет привязанные события из каждого элемента набора.

При вызове данной функции без аргументов удаляются все события. Если указан тип, то удаляются все события заданного типа. Если передается функция, которая была передана ранее в bind, то удаляется только тот конкретный обработчик.

Пользовательские события, привязанные при помощи bind, также могут удаляться данной функцией.

jQuery также поддерживает именованные события, которые позволяют вызывать или освобождать указанные группы привязанных обработчиков.

Аргументы:

тип (необязательно) Строка,Событие,Объект
Тип события.
функция (необязательно) Функция
Функция.
Примеры:

Привязывает и удаляет событие на желтую кнопку.
    function aClick() {
      $("div").show().fadeOut("slow");
    }
    $("#bind").click(function () {
      // could use .bind('click', aClick) instead but for variety...
      $("#theone").click(aClick)
                  .text("Can Click!");
    });
    $("#unbind").click(function () {
      $("#theone").unbind('click', aClick)
                  .text("Does nothing...");
    });
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>

  <script>
  $(document).ready(function(){

    function aClick() {
      $("div").show().fadeOut("slow");
    }
    $("#bind").click(function () {
      // could use .bind('click', aClick) instead but for variety...
      $("#theone").click(aClick)
                  .text("Can Click!");
    });
    $("#unbind").click(function () {
      $("#theone").unbind('click', aClick)
                  .text("Does nothing...");
    });

  });
  </script>

  <style>
  button { margin:5px; }
  button#theone { color:red; background:yellow; }
  </style>
</head>
<body>
  <button id="theone">Does nothing...</button>

  <button id="bind">Bind Click</button>
  <button id="unbind">Unbind Click</button>
  <div style="display:none;">Click!</div>

</body>
</html>
Удаляет все события привязанные к параграфам:
$("p").unbind()
Удаляет все события click привязанные к параграфам:
$("p").unbind( "click" )
Для того, чтобы удалить только последний привязанный обработчик, передайте функцию в качестве второго аргумента:
var foo = function () {
  // code to handle some kind of event
};

$("p").bind("click", foo); // ... now foo will be called when paragraphs are clicked ...

$("p").unbind("click", foo); // ... foo will no longer be called.
Name Type