WordPress 模态隐藏

Question

我在wordpress网站和以下代码方面遇到了真正的问题。 它可以工作，除了我似乎无法更新 Z 索引。 我尝试过为 ui-front 添加和编辑 CSS 以及几乎所有其他标签。 如果我在 Chrome 中打开检查器，我看到它仍然自动分配 Z 索引 100 用于覆盖，101 用于模态。 如果我在检查器中手动将其调整为 5k，则模态会在所有内容前面弹出。 我似乎无法弄清楚如何将 z-index 强制为我想要的 [以及我的 Wordpress 主题以及我在 css 中搜索过的所有内容，并且没有看到任何其他 z-index 声明，所以不知道为什么自动分配的值不起作用。 请帮忙。

add_action( 'wp_enqueue_scripts', 'enqueue_scripts_so_22382151' );
add_action( 'wp_header', 'print_header_so_22382151' );
add_action( 'wp_footer', 'print_footer_so_22382151' );
/**
 * Enqueue jQuery Dialog and its dependencies
 * Enqueue jQuery UI theme from Google CDN
 */
function enqueue_scripts_so_22382151() {
    wp_enqueue_script( 'jquery-ui-dialog', false, array('jquery-ui','jquery') );
    wp_enqueue_style( 'jquery-ui-cdn', 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/dot-luv/jquery-ui.min.css' );
}    

/**
 * Print Dialog custom style
 */
function print_header_so_22382151() { 
    ?>
    <style>
        /* A class used by the jQuery UI CSS framework for their dialogs. */
        .ui-front {
            z-index:1000000 !important; /* The default is 100. !important overrides the default. */
        }
        .ui-widget-overlay {
            opacity: .8;
        }
    </style>
    <?php
}
/**
 * Print Dialog script
 */
function print_footer_so_22382151() { 
    $current_domain = $_SERVER['SERVER_NAME'];
    ?>
    <script type="text/javascript">
        jQuery(document).ready(function ($) {
          $('a[href^="http://"],a[href^="https://"]')
            .not('[href*="<?php echo $current_domain; ?>"]')
            .click(function(e) {
                e.preventDefault();
                var url = this.href;
                $('<div></div>').appendTo('body')
                    .html('<div><h6>Link Disclaimer:  [...].</h6></div>')
                    .dialog({
                        modal: true, title: 'message', zIndex: 10000, autoOpen: true, width: 'auto', resizable: false,
                        buttons: {
                            Yes: function () {
                                window.open(url);
                                $(this).dialog("close");
                            },
                            No: function () {
                                $(this).dialog("close");
                            }
                        },
                        close: function (event, ui) {
                            $(this).remove();
                        }
                    });
              })
        });
    </script>
    <?php 
}

引用：

[

涉及的网站(有关当前状态的演示，请参阅左侧导航菜单底部的测试链接(][1]

为什么 jQuery UI 1.10 删除 jquery 对话框 zIndex 选项？

WordPress， jQuery UI CSS Files？

最初在堆栈溢出问题中找到的代码(请参阅最后一个答案(应该为您加载((

Answer 1

好的，我回答了我自己的问题。 LoL，我没有离开 CSS Jquery 声明，而是将它们移出并将它们放在我的 wordpress 主题 [样式表.css 的样式表 CSS 的尾部。 现在 z 索引设置得很好。