jQuery 1.6.4 颜色框 1.3.19
我使用以下代码打开一个颜色框:
$.colorbox({inline: true,
href: '#floatbox',
innerHeight: '480',
innerWidth: '530',
top: '15%'});
'#floatbox' 内部是一个按钮,单击该按钮最终会导致以下第二次调用颜色框:
$.colorbox({html: 'some_valid_html',
transition: 'none',
escKey: false,
overlayClose: false);
我观察到的是第二个 HTML 内容显示正确,但在调用之前
$.colorbox.close()
稍后,“#floatbox”的内容(第一次调用的内容)在屏幕上闪烁。这不是我所期望的。一旦第一次调用的内容从屏幕上删除,我不希望用户再次看到它。
这是 Chrome/Safari 中的行为。
我尝试了几件事,包括:
1) 在第二次调用 $.colorbox 之前从 DOM 中强制删除 '#floatbox'。
2) 将对 $.colorbox 的第二次调用绑定到在第一个颜色框内容中单击的链接。
3) 操作 $.colorbox 设置以从第一次调用中“撤消”'inline' 和 'href' 属性(尽管看起来我并不需要这样做)。
就好像 ColorBox 从第一次调用中复制了 DOM 节点并保留了它。
这里有一些问题:
1)是否有可能以某种方式记住第一次调用的“内联”和“href”设置?
2) 有什么方法可以操作打开的彩盒的当前设置?
任何其他想法表示赞赏。
谢谢,韦斯