Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/432.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 单击带有以下代码的按钮时,如何显示弹出窗口:?_Javascript_Jquery_Html_Css_Popup - Fatal编程技术网

Javascript 单击带有以下代码的按钮时,如何显示弹出窗口:?

Javascript 单击带有以下代码的按钮时,如何显示弹出窗口:?,javascript,jquery,html,css,popup,Javascript,Jquery,Html,Css,Popup,标题 我正试着这样做,但有一个按钮。 这是我的密码 <div class="popup" onclick="myFunction()"> <li class="center-block"> <a class="button red text-center" href="tel:514-677-3413"> <i class=&qu

标题

我正试着这样做,但有一个按钮。 这是我的密码

<div class="popup" onclick="myFunction()">
  <li class="center-block">
    <a class="button red text-center" href="tel:514-677-3413">
      <i class="fas fa-phone">APPELEZ-NOUS</i>
    </a>
  </li>

  • 我需要放置代码,使弹出窗口的文本出现,但我不知道在div中的什么位置

    <span class="popuptext" id="myPopup">A Simple Popup!</span>
    
    一个简单的弹出窗口!
    
    @inmedia998

    请尝试此代码,它会根据您的要求工作

    
    单击按钮并打开简单的弹出框
    点击我
    $('PopupDemo')。工具提示({
    触发器:“单击”,
    位置:'顶部'
    });
    函数设置工具提示(消息){
    $('PopupDemo')。工具提示(“隐藏”)
    .attr('data-original-title',消息)
    .工具提示(“显示”);
    }
    函数hideTooltip(){
    setTimeout(函数(){
    $('PopupDemo')。工具提示('hide');
    }, 1000);
    }
    var clipboard=新剪贴板('PopupDemo');
    剪贴板上的('success',函数(e){
    setTooltip('一个简单的弹出窗口!');
    hideTooltip();
    });
    剪贴板.on('error',函数(e){
    设置工具提示('Failed!');
    hideTooltip();
    });
    
    APPELEZ-NOUS是您的代码吗?我的代码是
  • @inmedia998请不要评论代码!请使用以下代码编辑您的原始问题:)请将其发布在问题中,并使用所有相关代码进行尝试。您有javascript或jquery吗?如果有,请告诉我们。。。另外,请表明你已经做过研究。如果你没有,你应该先做。永远记住,如果你真的找不到任何其他资源,那么叠加流应该是最后一个资源。祝你好运!:)