如何在所有页面中使用相同的模态代码？

Question

我有一个由5页组成的HTML项目。我在每个页面都有一个登录按钮，我正在使用模态。它使用模态div的id。

<li> <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">LOGIN</button></li>

但是我要复制粘贴每个页面中的模态代码。 有没有办法不在每个页面粘贴完整的模态div？

Answer 1

我的建议是在这里使用jquery是一些代码片段

wp_enqueue_script( 'custom', get_bloginfo('stylesheet_url') . '/js/custom.js', array() );

对于按钮，您可以将代码放在#includedContent div中。 你必须把脚本代码js文件。即＆＃34; button.js＆＃34;

并在每个需要登录按钮的页面中包含该js文件。 和#includedContent div。

希望如此，这将有助于你