как вызвать легированной пользовательский интерфейс на функции мыши для всех элементов с именем класса же CSS

Question

Я хочу, что у меня есть несколько ссылок, как

<a href="javascript:void(0)" class="popup-link">sample Link 1</a> <a href="javascript:void(0)" class="popup-link">sample Link 2</a> 

и я хочу, чтобы вызвать статический HTML, когда пользователь нажимает на ссылку. Для этого я написал код

AUI().ready(
'aui-aria', 
    'aui-dialog', 
    'aui-overlay-manager', 
    'dd-constrain', 
    function(A) { 
    A.all('.popup-link').on('click', 
     function() { 
     var dialog = new A.Dialog({ 
       bodyContent: 'Loading...', 
       centered: true, 
       title: 'Sample Popup Content', 
       width: 400, 
       height:600 
      } 
     ).render(); 

      dialog.plug(
      A.Plugin.IO, 
      { 
       autoLoad: false, 
       uri: '/html/sample.html' 
      } 
     ); 

      dialog.io.start(); 
     }); 
    }); 

, но это не работает, она просто не вызывать функцию, когда я нажимаю ссылку, я также попробовал это, но то же самое

AUI().ready(
    'aui-aria', 
    'aui-dialog', 
    'aui-overlay-manager', 
    'dd-constrain', 
    function(A) { 
    A.all('.sample-popup').each(function() { 
     this.on('click', function(A){ 
      ..... 
      ...... 

Любая идея что здесь не так?

Answer 1

Я не знаю много о AUI, но если вы хотите достичь той же задачи с помощью JQuery вы можете достичь, как это

т.е.

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

    $('.popup-link').click(function(){ 
     alert($(this).text()); 
    }); 

}); 
</script> 

Или

Использование Javascript

т.е.

<a href="#" onclick="return theFunction();">Link</a> 

<script type="text/javascript"> 
    function theFunction() { 
     // return true or false, depending on whether you want to allow the `href` property to follow through or not 
    } 
</script> 

НТН

Answer 2

Наконец я получил, почему он не работает. Я также использовал один и тот же объект «A» в функции щелчка.

это должно быть так: (взгляните на переменное событии имени)

AUI().ready(
    'aui-aria', 
    'aui-dialog', 
    'aui-overlay-manager', 
    'dd-constrain', 
    function(A) { 
    A.all('.sample-popup').each(function() { 
     this.on('click', function(event){ 
      ..... 
      ......