从featherlight灯箱中访问文本框值

Question

我正在尝试使用featherlight灯箱在文本框中询问用户的输入。但是，我看到文本框值（在被最终用户更改后通过javascript访问时）始终返回默认值。详情如下：

我的灯箱div HTML如下所示：

<div class="lightbox" id="fl1">
<input type="text" id="mytextbox" value="Sample" />
<a href="#" onclick="alert(document.getElementById('mytextbox').value);">Show TextBox Val</a>
</div>

在更改文本框值后单击“显示TextBox Val”链接时，警报始终将值显示为“Sample”（默认值）。

当我尝试在灯箱外使用上面的div（作为普通div）时，它运行良好。

• 我们如何在链接/按钮上点击更改的文本框值？

• 为什么尽管用户更改了当前值，它始终显示默认值？

Answer 1

除非您使用persist选项，否则featherlight会克隆内容。由于您使用了ID，因此这是一个禁忌号。