Получить элемент изнутри функции

Question

Доброе утро в моем часовом поясе.

я имел этот код в моем HTML страницы

<span id="x> 
    <div onclick="$(this).applyFancybox({ 
     trigger: !$.browser.msie, 
     target: (event.srcElement || event.target) 
    }); return false;"> 

И я меняюсь к этому коду

<span id="x"> 
    <div> 
</span> 

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

    $("#x div") 
     .click(function(){ 
      this.applyFancybox({ 
       trigger: !$.browser.msie, 
       target: (event.srcElement || event.target) 
      }); return false; 
     }); 
} 
... 
</script> 

Это не работает, потому что я думаю, что это не указывает на элемент сНу, как я могу это исправить?

Заранее спасибо С наилучшими пожеланиями

Answer 1

Попробуйте код, приведенный ниже, это может помочь

<span id="x"> 
    <div> 
</span> 

<script type="text/javascript"> 
... 
$(document).ready (function() { 
    $("#x").click(function(){ 
     this.applyFancybox({ 
      trigger: !$.browser.msie, 
      target: (event.srcElement || event.target) 
     }); return false; 
    });  
} 
... 
</script> 

Счастливый Кодировок :)

Answer 2

попробуйте изменить this к $(this)

this является JavaScript Object и $(this) - объект jQuery obj ЭСТ

Так что ваш окончательный код будет выглядеть

$(document).ready (function() { 
    $("#x div") 
     .click(function(){ 
      $(this).applyFancybox({ 
       trigger: !$.browser.msie, 
       target: (event.srcElement || event.target) 
      }); return false; 
     }); 
} 

Кстати, $.browser.msie также рекомендуется от 1,3 и удалены в 1,9

Answer 3

Внутри обработчика событий this указывает на HTMLDivElement не объект JQuery , Нет такого метода applyFancybox. Попробуйте $(this).