如何定位wordpress管理指针的位置(教程)

Question

我想在管理菜单中使用wordpress指针。问题是指针的位置。当我滚动页面时，菜单已修复，但指针将指向我的代码顶部(绝对)：

在管理页面的第一个页面：

wp_enqueue_style( 'wp-pointer' );

wp_enqueue_script( 'wp-pointer' );

在页末：

<script type="text/javascript">
   jQuery(document).ready(function($) {
       $('li#toplevel_page_mymenu_admin_page').pointer({
           content: 'test_message',
           position: {
               edge: 'top',
               align: 'center',
           },
           close: function() {

           }
       }).pointer('open');

   });
</script>

Answer 1

默认情况下，wp-pointer.js会将指针位置设置为绝对位置，除非目标的位置是固定的。使用show event可以更改指针CSS：

<script type="text/javascript">
jQuery(document).ready(function($) {
    $('li#toplevel_page_mymenu_admin_page').pointer({
        content: 'test_message',
        position: {
            edge: 'top',
            align: 'center',
        },
        show: function(event, t){
            t.pointer.css({'position':'fixed'});
        },
        close: function() {

        }
    }).pointer('open');
});
</script>