Question

我有一个包含产品图库的网页，每个产品都会打开一个包含其特定信息的模式。每个产品模态都有唯一的ID;但是，当打开模态时，URL没有变化。因此，我无法将某人链接到特定的已打开产品模式，只能链接到整个图库的页面。

我已经考虑修改url以包含id，以及尝试使用onClick事件创建超链接，这些事件会在单击链接时触发模式的打开。我不确定这两种方法是否可行。

以下是我的模态代码示例：

<ul id="selectable">
<a href="#" data-reveal-id="1">
<li class="ui-state-gal"><b>Modal 1</b></br>
<img src="images/Products/gal/CT8002.png" width="45" height="94"></li>
</a>

<a href="#" data-reveal-id="2">
<li class="ui-state-gal"><b>Modal 2</b></br>
<img src="images/Products/gal/FF310.png" width="45" height="94"></li>
</a>
</ul>

<div id="1" class="reveal-modal">
CT8002
<a class="close-reveal-modal">&#215;</a>
</div>

<div id="2" class="reveal-modal">
FF310
<a class="close-reveal-modal">&#215;</a>
</div>

Answer 1

为不同的产品使用不同的UNIQUE Model ID！

例如：

模型调用

<a href="#" data-reveal-id="1a">
<a href="#" data-reveal-id="2b">
<a href="#" data-reveal-id="3c">

模型数据

<div id="1a" class="reveal-modal">
 Data A
<a class="close-reveal-modal">&#215;</a>
</div>

<div id="2b" class="reveal-modal">
 Data B
<a class="close-reveal-modal">&#215;</a>
</div>

<div id="3c" class="reveal-modal">
 Data C
<a class="close-reveal-modal">&#215;</a>
</div>

在上面的示例中，有三种不同的ID。 1a, 2b and 3c因为它会根据为其定义的ID和该数据加载数据。

我希望这可以帮到你！

链接到已打开模态的页面

1 个答案: