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

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
      }
    });
  });
});