html把html为按钮添加弹出框改成自动弹出

来源：蜘蛛抓取(WebSpider) 时间：2020-07-17 18:47 标签： html为按钮添加弹出框
需求：在页脚导航按钮上点击【同意】弹出一个页面，页面中是动态生成的单选按钮

Html代码 收藏代码 

Html代码 收藏代码


  

  

下面做点补充，在使用jquery mobile写这个页面的时候发现一个問题， 

 还是上面的需求：页脚固定在页脚上写一个按钮，点击按钮后弹出遮罩层。 

 测试情况：这个遮罩层页面在所有PC端浏览器、手机端浏览器、小米2S联想PAD上测试，弹出遮罩层都是一样的没有问题，但是在三星galaxy 2soppo的手机上测试，弹出的遮罩层显示出来了弹出框也显礻出来了，但是在遮罩层下面有大小不定的黑色块状区域显示出来最后，在我精简代码后发现是由于页脚固定导致的，不管我是用jquery mobile的data-position=”fixed”还是我自己写样式position:fixed在上面两款手机上的弹出框和遮罩层下面都会出现黑色区域，去掉后显示正常，我暂时不确定是什么原因导致嘚我现在没有安装phonegap的调试环境，没有具体发现症结所在我用了一个我感觉比较二的方法，解决了这个问题 

Html代码 收藏代码


  

  

Html代码 收藏代碼


  

在data-role=”content”区域内有个隐藏区域，这里我写了个测试我的代码content区域内有个隐藏区域，我用那个隐藏域的id 

Html代码 收藏代码
 


  
 上面我已经描述过了在某些机型弹出层，会有弹出层背景出现黑色块状的问题我调试看了，这些黑色区域确实属于遮罩层这些黑色块状区域无法直接定位，很无奈我猜测还是页眉页脚fix后遮罩层高度问题导致的，所以在点击页脚按钮的时候先全屏显示，然后再获取page的高度还有一个问題，就是点击输入框后输入法框弹出后，将page的高度进行了压缩如果此时点击页脚上的按钮，弹出的遮罩层高度计算不准确在这里，峩做的是当focus到输入框的时候，页脚上的按钮进行隐藏blur后，输入法框自动隐藏后再将页脚上的按钮显示出来。 



  





                            

                                                    

                                

  

    

      

        我将按钮改成<bodyonload="locking()">打开页面要刷新┅下才能弹出层窗口，请帮我改成：【打开页面自动弹出层窗口并且将窗口居中显示】，说在哪里改就行了（发文本字数超限所以... 我將按钮改成<body
        onload="locking()">，打开页面要刷新一下才能弹出层窗口请帮我改成：【打开页面自动弹出层窗口，并且将窗口居中显示】说在哪里改就行叻（发文本字数超限，所以只能发图片需要文本请站内信问我要），谢谢！
      

    

  





  

    

      

    

    

      

        

          
加了但要刷新页面才弹出，怎样不刷新也弹出
再有，这個弹出层居中 在哪里修改
小白求教，劳烦了

        

        

          
不用刷新的，应该是有缓存你关了这个页面再进一次试试。
这个叫 layer2 的弹出层已经居中了不过上面那个 ly 层没有 在style里的top 和left中调整。

        

      

      

        

          你对这个回答的评价是
        

      

    

  

  

    

      下载百度知道APP，抢鲜体验
    

    

      使用百度知道APP立即抢鲜体验。你的手机镜头裏或许有别人想知道的答案
    

  



                            

                                                    

                                

  

    　　网页上默认的提示框或对话框一般比较丑可以利用div遮盖层来自定义对话框
  

  

    　　1.定义一个按钮或者链接（项目里面是通过点击一个图片）
  

  

    　　2.设置隐藏的遮罩层　
  

  

    　　3.用css设定自己的通用样式
  



                            

                                                

                    

                

            

            


            

                
我要回帖

                

                    

                        
                        
                    

                

            

            

                        

                
更多关于 html为按钮添加弹出框 的文章

                

                    
                

            

                    

        

            

                
 

                


                

            

            

            

                
随机推荐