Question

我一直在使用jquery工具叠加层。我在网上得到了以下代码，并且能够使其工作。但是，我现在需要在同一页面上使用另一个链接进行叠加设置，并且在该叠加层上需要不同的大小。

我尝试复制并粘贴代码并更改rel以查找ID。我的计划是将第二个函数设置为不同的div，然后在css中设置大小。我对jquery很新，虽然我认为这很容易，但我无法弄明白。

如果有人有更好的解决方案，请告诉我。

$(function () {
        $("a[rel]").overlay({
            mask: 'lightgrey',
            effect: 'apple',
            onBeforeLoad: function () {
                var wrap = this.getOverlay().find(".contentWrap");
                wrap.load(this.getTrigger().attr("href"));
            }
        });
    });

我尝试将$（＆＃34; a [rel]＆＃34;）更改为$（＆＃34; a.testclass＆＃34;）和$（＆＃34; #test＆＃34;），但似乎没有其他标识符可用。

Answer 1

确保在HTML中包含jQuery Tools，如下所示：

 <script src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></script>

这应该有效。

Answer 2

这是official jQuery homepage。 API文档组织良好。在这个网站上搜索关于jQuery的东西。

overlay()似乎不是jQuery的默认函数。可以添加该功能，如

$=jQuery;
$.fn.overlay=function(a, b, c){do something};

JavaScript eval("text")函数也可以完成您想要的工作（可能）。

jquery工具叠加 - 两个在同一页面上

2 个答案: