jquery - 将 jQuery 工具叠加层放置在触发器旁边

Question

我想拥有多个带有多个触发器的叠加层，它们都具有相同的类opener，带有 jQ​​uery 工具和苹果效果。如何将叠加层放置在其触发器旁边？我努力了

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

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

Answer 1

您必须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();
});