为了账号安全,请及时绑定邮箱和手机立即绑定

如何在 uk-modal 弹出窗口的右上角添加“x”关闭按钮?

如何在 uk-modal 弹出窗口的右上角添加“x”关闭按钮?

PHP
达令说 2021-06-22 17:05:11
我正在尝试将小的“x”关闭按钮添加到 uk-modal 弹出窗口的右上角。我如何正确添加它的 php 代码和 css 以及它的 javascript?我尝试将以下 1、2 个代码添加到 3 个代码块中:1)我添加的第一个代码:<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>2)添加第二个代码:<div id="my-id">    <div class="uk-modal-dialog">        <button class="uk-modal-close-default" type="button" uk-close></button>    </div></div><div id="my-id">    <div class="uk-modal-dialog">        <button class="uk-modal-close-outside" type="button" uk-close></button>    </div></div>3)到这个弹出窗口的代码块:   <div class="uk-modal-dialog">    <div class="uk-modal-header">            <h2><?php echo esc_attr_e( $options['popuptitle'] ); ?></h2>        </div>        <div class="uk-modal-content"><?php echo stripslashes( $options['popuptext'] ); ?></div>        <div class="uk-modal-footer">            <button id="button1" type="button" class="uk-button uk-button-large uk-button-<?php echo esc_attr_e( $options['popupbutton1style'] ); ?><?php if( $options['popupbuttonoptions'] != 'button-1-redirect' ) echo ' uk-modal-close'; ?>"><?php echo esc_attr_e( $options['popupbutton1text'] ); ?></button>        </div>    </div></div>我希望在弹出窗口中找到“x”关闭按钮的真实位置,但它的位置不正确,也无法关闭模态弹出窗口。我希望得到它,如下图所示:怎么修?
查看完整描述

1 回答

  • 1 回答
  • 0 关注
  • 375 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信