将jQuery Tools叠加在触发器旁边

时间:2013-05-14 21:01:04

标签: jquery position offset jquery-tools css-position

我希望多个覆盖层具有多个触发器,所有覆盖层都具有相同的类opener,具有jQuery Tools和apple效果。如何在其触发器旁边放置叠加层?我试过了

$('button.opener').click(function() {
      var positionx = $('#' + this.id).offset().left;
      example("#item").overlay({
 left: positionx,

但它只在第一次打开时才有效。真的,非常感谢任何帮助。 这是一个jsfiddle http://jsfiddle.net/FHKVW/ 谢谢。

1 个答案:

答案 0 :(得分:0)

您必须在初始配置之外设置left位置。出于某种原因,重新运行.overlay不会覆盖配置设置。这应该有效:

var example = jQuery.noConflict();
$('button.opener').click(function () {
    var positionx = $('#' + this.id).offset().left;
    example("#item").overlay({
        left: positionx,
        top: 100,
        closeOnClick: false,
        load: false,
        effect: 'apple',
        speed: 1000,
        oneInstance: false,
        fixed: false,
    });
    //add this line
    example('#item').overlay().getConf().left = positionx;

   (example('#item').overlay().isOpened() == true) ? example('#item').overlay().close() : example('#item').overlay().load();
});