Featherlight:如何保存和重新访问"坚持"灯箱?

时间:2015-09-05 16:27:53

标签: jquery featherlight.js

我使用的是羽毛灯,需要根据特定条件显示不同的灯箱。这意味着我在JS中调用它而不是使用数据属性。这就是我要做的事情:

if ( filled.length == checked.length ) {
    $.featherlight('#enter-name', { 'persist' : true });
    $('#enter-name-name').trigger('focus');
    $('#enter-name-checked').html(filled.length);
} else {
    $.featherlight('#check-fields', { 'persist' : true });
}

这是第一次精美的作品;遗憾的是,在从DOM中删除后,ID将不再用于选择灯箱。

我告诉我,当使用persist选项时,灯箱内容实际上是从DOM分离而不是完全删除。如何将这个分离的元素保存为变量并重新打开它?

1 个答案:

答案 0 :(得分:2)

目前的行为应该会在未来发生变化。在此期间,您应该将回报存储在变量中。

var nameDialog = null;

if (...)
   if (!nameDialog) // First time...
     nameDialog = $.featherlight('#enter-name', { 'persist' : true });
   else // After that...
     nameDialog.open();
else
  ...