Question

我一直在使用HTML5 UP Photon模板https://html5up.net/photon 我试图改造一个名为＆＃34;了解更多＆＃34;打开一个带有几段文字的模态窗口。我试图给按钮一个btnID并链接一个js函数来打开它，但我无法让它工作。任何帮助，将不胜感激。这是html。我认为预设类引用了Bootstrap。

<li><a href="" class="button">Learn More</a></li>

Answer 1

据我所知，您使用的模板并不提供开箱即用的任何模态窗口组件，因此您必须找到一个并将其插入其中或自行编写。假设您选择了现成的东西，则需要执行以下操作：

搜索jquery模式窗口并找到你喜欢的窗口。
将js和css文件及其下载到您的页面（或使用CDN）
写一些简单的jquery来调用那个模态。它可以像写$('a:contains("Learn More")').modal()一样简单。这取决于您选择的模态组件

如果您需要更多帮助，请在评论中告诉我

尝试改造按钮以打开模态窗口

1 个答案: