2

我想要的是我的链接很少

<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){
           .....
           ......

知道这里有什么问题吗？

4

2 回答 2

4

最后我明白了为什么它不起作用。我也在点击函数中使用了相同的对象“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){
           .....
           ......
于 2013-08-07T08:50:59.723 回答
0

我对AUI不太了解，但是如果您想使用jQuery完成相同的任务，您可以像这样实现

IE

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

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

});
</script>

或者

使用 Javascript

IE

<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>

高温高压

于 2013-07-10T09:07:15.813 回答