javascript - 在 html 属性中指定 javascript 方法？

Question

在一个网站中，我正在使用 jquery 工具。

在很多地方，我必须做同样的动作：

当我点击一个链接时，我会显示一个弹出窗口：

这很容易通过

$(".overlayTrigger[rel]").overlay({
    mask: {
        color: '#111',
        loadSpeed: 300,
        opacity: 0.9
    },

        closeOnClick: true
    }
);

但问题是，在每种情况下，我都希望调用一个 javascript 方法来为我的弹出窗口加载一些数据。

我知道有一个可以设置的触发器参数：

onLoad: function() {
   //Call the method specified in data-load-method attribute
},

我的目标是在 中调用我的自定义方法，并且必须通过类似属性onLoad: function(){}的方式指定该方法：<a href>

<a href="#" class="overlayTrigger" rel="#MyPopupDiv" data-load-method="LoadPopupXYZData">Click here for the popup</a>

有没有办法做到这一点？

Answer 1

如果我理解正确，你想做这样的事情：

onLoad: function() {
   var method = $(this).data('load-method');
   window[method]();
},

如果不是，请澄清。

Answer 2

<a href="#" class="overlayTrigger" rel="#MyPopupDiv" onclick="LoadPopupXYZData()">Click here for the popup</a>

Answer 3

使用这样的点击或悬停方法

$(".overlayTrigger[rel]").click(function(){
//inside this method u can access the element using
//$(this) and execute the overlay showing
//also u can accesss the element and its attributes using $(this)
});