我需要更改 javascript 代码答案

【问题标题】：I need to change a javascript code我需要更改 javascript 代码
【发布时间】：2015-12-09 13:32:16
【问题描述】：

我在 wordpress 中为我的侧边栏文本小部件制作了一个 onclick 弹出 redmore 按钮，刚刚复制并粘贴了我找到的这段代码 here。我做了一些小改动，一切正常。

当我不得不为其余的侧边栏小部件制作更多类似的 onclick 弹出窗口时，出现了问题，完全相同的弹出窗口具有相同的值但具有不同的 img 和内容文本。

问题在于第一个小部件中的“redmore”按钮和第二个小部件中的“redmore”按钮都链接到同一个东西 - 所以无论你点击哪个 redmore 按钮，它都会打开同一个 -

this is the website查看右侧边栏中的前两项。

由于我对 Javascript 不太了解，我想问你是否可以帮助我更改代码中的 javascript 标记链接，以便链接到另一个不同的弹出窗口而不是同一个弹出窗口 - 让我了解如何更改它，因为我必须制作一些弹出窗口。

【问题讨论】：

在链接到 JSFiddle 时包含代码。（一般来说，当您需要一些代码方面的帮助时）。

标签： javascript jquery html css wordpress

【解决方案1】：

您应该将内容的 Id 属性更改为 eg

<div id="light2" class="white_content">
<div id="fade2" class="black_overlay">

对于第二个弹出窗口并将第二个阅读更多文本的javascript更改为

<a href = "javascript:void(0)" onclick = "document.getElementById('light2').style.display='block';document.getElementById('fade2').style.display='block'">here</a>

同样适用于所有其他弹出窗口。

这里我改了fiddle

【讨论】：

如果它解决了问题，您可以将其标记为正确:)。
当然可以，但我是新来的，我该怎么做？

【解决方案2】：

你需要为每个弹出的 Like 更改 id

getElementById('fade')
getElementById('light')

[第一个]

getElementById('fadesec')
getElementById('lightsec')

[第2次]
等等..
html 内容也一样，不要只是复制，更改 ids

示例二：

<p>This is the main content. To display a lightbox click <a href = "javascript:void(0)" onclick = "document.getElementById('lightsec').style.display='block';document.getElementById('fadesec').style.display='block'">here</a></p>
    <div id="lightsec" class="white_content">This is the lightbox content. <a href = "javascript:void(0)" onclick = "document.getElementById('lightsec').style.display='none';document.getElementById('fadesec').style.display='none'">Close</a></div>
    <div id="fadesec" class="black_overlay"></div>

【讨论】：