jQuery覆盖苹果使用<a>？

Question

关于jQuery Tools Apple Overlay demo

如何使用文字链接<A>运行覆盖，而不是使用IMG的？

Answer 1

你只需要改变jquery选择器来标识你的链接（或任何类型的对象）。

变化：

$("#apple img[rel]").overlay({effect: 'apple'}); 

要：

$("#apple_link").overlay({effect: 'apple'});//selects a single link with an id of 'apple_link' 

或

$("a[rel]").overlay({effect: 'apple'});//selects all links with a rel attribute 

其中 'apple_link' 是链接的id，还添加了rel属性到类似的链接所以：

<a href='#' rel='div_to_open' id='apple_link'>Link Text</a> 

注意：rel的值是将在覆盖中打开的div

Answer 2

你的意思是喜欢在this demo？

$("a[rel]").overlay({ 

    mask: 'darkred', 
    effect: 'apple', 

    onBeforeLoad: function() { 

    // grab wrapper element inside content 
    var wrap = this.getOverlay().find(".contentWrap"); 

    // load the page specified in the trigger 
    wrap.load(this.getTrigger().attr("href")); 
    } 
});