如何在wordpress中点击按钮时显示iframe弹出框？

-1

你好，我是新来的Wordpress，我有一个按钮，它是放在我的文章底部的快速查询。我想打开该按钮的点击iframe。如何在wordpress中点击按钮时显示iframe弹出框？

我尝试了一个名为iframe中弹出插件，

<button style="background-color: #232254; text-decoration: none; color: #ffffff; width: 200px; height: 50px; border-radius: 15px 15px 15px;" onclick="forIframe();">Quick Enquiry</button> 

<script type="text/javascript"> 
function forIframe() 
{[iframe-popup category="Category1"];}</script> 
</div>

但没有什么工作。

http://www.ithink.co/support_ticketing_system.html

请访问此链接，你会看到一个快捷的查询按钮。我想要它完全一样。谢谢。

来源

2017-06-19 Intern

使用引导其在这里工作 –

罚款给出的链接是我想在我的WordPress邮寄来重新创建一个实例创建弹出。 - @RajKumarBhardwaj – Intern

你使用bootstrap吗？ –

您可以在WordPress

<!DOCTYPE html> 
    <html lang="en"> 
    <head> 
     <title>Bootstrap Example</title> 
     <meta charset="utf-8"> 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
    </head> 
    <body> 

    <div class="container"> 
     <h2>Modal Example</h2> 
     <!-- Trigger the modal with a button --> 
     <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Quick Enquiry</button> 

     <!-- Modal --> 
     <div class="modal fade" id="myModal" role="dialog"> 
     <div class="modal-dialog"> 

      <!-- Modal content--> 
      <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal">&times;</button> 
       <h4 class="modal-title">Quick Enquiry</h4> 
      </div> 
      <div class="modal-body"> 
       <p>[iframe-popup category="Category1"]</p> 
      </div> 
      <div class="modal-footer"> 
       <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
      </div> 
      </div> 

     </div> 
     </div> 

    </div> 

    </body> 
    </html>

来源

2017-06-19 07:51:31

非常感谢你！ – Intern

欢迎:) 乐意帮忙 –

如何在wordpress中点击按钮时显示iframe弹出框？

回答

相关问题