在加载下一页时打开叠加层

Question

尝试在页面更改之前打开带有加载消息的叠加层（使用 JqueryTools），找不到如何使用我的触发器的 href 属性（我正在为多个按钮使用 .btn_menu 类）

HTML

<div class='btn_menu'>
   <a class='modalInput' rel='#loading' href="a_mailling.php"></a>
</div>

JS

$(function() {

    var triggers = $(".btn_menu a").overlay({  
    expose: { 
        color: '#000', 
        loadSpeed: 200, 
        opacity: 0.9 
    }, 

    closeOnClick: false,
    onBeforeLoad: function(){ //right ?
    window.location = //need to get href attribute of clicked trigger

    }


    });

    var buttons = $("#loading button").click(function(e) {
    var yes = buttons.index(this) === 0; 
    });

});

Answer 1

我没有经常使用 jQuery 工具，但您可以稍微不同地构造它来缓存每个 <a>。

$(function(){
  $('.btn_menu a').each(function(){
    var url=this.href;
    $(this).overlay({
      //other options
      onBeforeLoad: function(){
        //do something with url
      }
    });
  });
});