問題與定位jQuery的UI工具覆蓋

我使用的jQuery UI工具覆蓋插件，它幾乎100％的工作，但當我點擊打開圖像，並向下滾動的形象棒。我很快發現這是因爲腳本將定位設置爲固定。但是，當我使用文檔http://jquerytools.org/demos/overlay/custom-effect.html上提供的配置更改定位時，我仍得到相同的結果。該網站是marccasavant.com問題與定位jQuery的UI工具覆蓋

來源

2012-12-21 Marc Casavant

這比看起來更復雜......事實上，你只需需要從fixed的position更改爲absolute，但因爲它是由overlay插件完成的，所以你不能只在css中設置它，你需要立即執行。

我想出瞭解決的辦法是聲明一個自定義的效果：

$.tools.overlay.addEffect("change", function(css, done) { 
css.position = 'absolute'; 
overlay = this.getOverlay(); 
    overlay.css(css).show(); 
    overlay.animate({ 
     top: '+=55', opacity: 1, width: '+=20' 
     }, 400, done 
    ); 
    done.call(); 
}, function(done) { 
    this.getOverlay().animate({ 
     top:'-=55', opacity:0, width:'-=20' 
    }, 300, function() { 
     $(this).hide(); 
     done.call(); 
    });

}）;

誰只是改變CSS position財產（和做一些動畫，你可以明顯改變），並執行默認的東西。然後初始化疊加層時添加：

$(document).ready(function() { 
    $("img[rel]").overlay({effect: 'absolute'}); 
});

我用這個教程：http://jquerytools.org/demos/overlay/custom-effect.html，只是消除了他們的自定義拖放效果，並添加定位變化。

來源

2012-12-21 16:10:17

我用開發人員工具將位置更改爲「絕對」，並按預期工作。驗證配置適用的絕對位置，否則使用jQuery來修改CSS：

$('.simple_overlay').css('position', 'absolute');

來源

2012-12-21 14:30:56

我試過，以及不幸的是沒有工作，我檢查了jQuery UI的工具網站這個問題的幫助，我已經插入他們的自定義配置，其確實的定位改變爲絕對，但由於某種原因不解決問題，就像它在開發人員工具中那樣。 –

嘗試用jQuery改變它，而不是在配置 –

這並沒有工作，要麼:( –

問題與定位jQuery的UI工具覆蓋

回答

相關問題