アクティブなオーバーレイjquery JS関数からセレクタの代わりに

Question

今すぐ私は、このjQueryオーバーレイは、リンクをクリックしたときにうまく動作しているが、私はactivateOverlayのようなJSの種類の関数を呼び出すときにオーバーレイをアクティブに変更したい）。

$j(document).ready(function() { 
var $loading = $j('<img src="/images/loader.gif" alt="loading" title="loading">'); 
$j('.activateOverlayJquery a').each(function() { 
    var $dialog = $j('<div></div>') 
     .append($loading.clone()); 
    var $link = $j(this).one('click', function() { 
     $dialog 
      .load($link.attr('href') + ' #overlayWrap') 
      .dialog({ 
       autoOpen: false, 
       width: 625, 
       modal: true 
      }); 
     $link.click(function() { 
      $dialog.dialog('open'); 
      return false; 
     }); 
     $j('.ui-resizable-handle').css({ display: "none" }); 
     $j('.ui-dialog .ui-dialog-content').css({ padding: 0 }); 
     $j('.ui-dialog .ui-dialog-titlebar').css({ display: "none" }); 
     $j('.ui-widget-content').css({ backgroundColor: "transparent" }); 
     return false; 
    }); 
    $j('.closeOverlayJquery').live("click", function() { 
    $dialog.dialog("close"); 
    }); 
}); 
}); 

そして、これは私がアクティブにオーバーレイする方法である：

<span class="activateOverlayJquery"><a href="/page?overlay=1">Click here</a></span> 

ポイントは、私はいくつかの場所と1からオーバーレイの活性化を呼び出す必要があるということです私が持っているコードの 例ユーザーがページを6回目に見て、ここでリンクがクリックされていない場合、activateOverlay（）などの関数が呼び出されてオーバーレイがアクティブになると、そのようにしたいと思います。

Answer 1

はそれを試してください：

  $(document).ready(function() { 
       $('body').append("<span><input type='checkbox'></input></span>"); 
       $('body').append("<span><input type='submit'></input></span>"); 
       $('body').append("<div id='overlay'></div>").css('height','100%'); 
       $('#overlay') 
         .addClass('overlay') 
         .css('position','fixed') 
         .css('background-color','silver') 
         .css('z-index','100') 
         .css('top','0px') 
         .css('bottom','0px') 
         .css('left','0px') 
         .css('right','0px') 
         .hide(); 
       $('#overlay').append("<div id='box'></div>");      
       $('#box') 
         .append("<p>AGUARDE</p>") 
         .addClass('box') 
         .css('position','fixed') 
         .css('line-height','750%') 
         .css('text-align','center') 
         .css('z-index','101') 
         .css('top','40%') 
         .css('bottom','40%') 
         .css('left','40%') 
         .css('right','40%') 
       $('input[type=submit], span input[type=checkbox]').      
        click(function (event) { 
         $('#overlay').show(); 
        }); 
      }); 

シオマネキのバージョンがhere

です