JQuery инструменты: как получить идентификатор

Question

<a id="cp-login" href="javascript:;" rel="#dialog" show="#login">登入</a> 

$("a[id^=cp-][rel]").overlay(
    {top: 120,mask: {color: '#67B300',loadSpeed: 200,opacity: 0.2}, 
    closeOnClick: false, 
    onBeforeLoad: function() { alert($(this).attr("id"))} 

}); 

alert($(this).attr("id") неопределен

много думает.

Answer 1

Короткий рассказ: В случае, если вы пытаетесь получить доступ к элементу, который вызвал наложение использовать вместо этого:

this.getTrigger().attr('id') 

Длинная история: в DOM обработчик события «это» относится к элементу, инициировавшего событие. onBeforeLoad, хотя и не является обработчиком событий DOM. Это просто функция, которую jQuery Tools выполнит до наложения. Javascript позволяет разработчику указывать значение «this» при выполнении функции. Поэтому разработчики jQuery Tools либо указали на что-то релевантное, либо не беспокоило (в этом случае это будет псевдоним для глобального объекта «window»). В любом случае документация (http://flowplayer.org/tools/demos/overlay/external.html) описывает, как получить доступ к триггеру и элементу наложения.

Как правило, не используйте «это» в Javascript, если вы точно не знаете, что это значит в текущем контексте, потому что это не похоже на «это» на любом другом языке.