如何为指定按钮添加JavaScript实现模块弹窗功能?
解决按钮触发弹出模块的方法
很简单,你只需要把触发弹出模块的核心属性(href和onclick)加到你的按钮<a>标签里就行,完全保留原按钮的样式类不变。
修改后的完整按钮代码如下:
<a class="fusion-button button-flat button-square button-xlarge button-default button-40" target="_blank" href="Javascript://Camping Key Europe" onclick="CampingKeyEurope(' blank', 'sv')"> <span class="fusion-button-text fusion-button-text-left">KÖP DITT CAMPINGKORT HÄR!</span> </a>
关键修改点说明:
- 添加了
href="Javascript://Camping Key Europe":和你原来的触发链接保持一致的伪协议,确保点击行为的基础逻辑匹配 - 添加了
onclick="CampingKeyEurope(' blank', 'sv')":这是触发弹出模块的核心函数调用,和原链接的触发逻辑完全相同
如果点击按钮后出现不必要的页面跳转(比如锚点回到顶部),可以把onclick改成下面这样,阻止默认跳转行为:
onclick="CampingKeyEurope(' blank', 'sv'); return false;"
内容的提问来源于stack exchange,提问作者VFXStation
相关产品推荐
相关产品推荐

