Javascript 菜单图标的位置不同

我使用菜单图标搜索wordpress搜索工具栏中的显示。Wordpress主题使用简单的js自定义文件。这是所有关于网站和菜单。但对于时事通讯，我已经订阅了插件时事通讯

如果您看到菜单图标的位置

我的问题是：我想在菜单栏中搜索块图标和时事通讯图标的相同位置。现在，如果您单击搜索图标，您将看到更改新闻稿位置

这是我的js文件：

jQuery(document).ready(function( $ ) { 

    //Javascript Detection
    $('body').removeClass('no-js');     
    //Read More Link
    function readmorelink() {
        $('a.more-link').closest('p').css('text-align', 'center');
    }
    readmorelink();

    //Flexslider
    function flexslider() {
        $('.flexslider').flexslider({
            animation: "fade",
            slideshow: false,
        });

        $(".flex-next").html('<i class="icon-chevron-right"></i>');
        $(".flex-prev").html('<i class="icon-chevron-left"></i>');
    }
    flexslider();
        //Fitvid
    function fitvids() {
        $(".featured-preview").fitVids();   
    }
    fitvids();  

    //Comments Toggle
    $(".comments-wrapper").hide();
    $("#comments-title").attr('class', 'comments-close');

    $("#comments-title").toggle(function () {
        $(".comments-wrapper").slideDown();
        $(this).attr('class', 'comments-open');
        $('html, body').animate({
            scrollTop: $("#comments-title").offset().top
        }, 0);
        return false;
    }, function (){
        $(".comments-wrapper").slideUp();
        $(this).attr('class', 'comments-close');
        return false;
    })  

    //Infinite Scroll
    if ((custom_js_vars.infinite_scroll) == 'no') { 

    } else { 
        $('.posts').infinitescroll({
              loading: {
                  msgText: "...Loading Posts...",
                  finishedMsg: "- End of Posts -"
              },
              nextSelector: '.post-nav-next a',
              navSelector: '.post-nav',
              itemSelector: 'article',
              contentSelector: '.posts',
              appendCallback: true
        },function () { 
            fitvids();
            readmorelink();
            flexslider();
        });     
    }



    $( ".icon-medium.icon-search" ).click(function() {
      $(".nksub-tab-icon").toggleClass("newClass");
    });

    $( ".icon-medium.icon-search" ).click(function() {
        $(".nksub-tab-icon").delay(1000).queue(function(next){
            $(this).toggleClass("newClass");
            next();
        });
    });

    //Cabinet Toggle
    $('#cabinet-toggle, #cabinet-toggle-mobile').click(function () {            
        $("#cabinet-slider").slideToggle(0);
        $(".icon-plus-sign").attr('class', 'icon-minus-sign');
        return false;
    }, function () {
        $("#cabinet-slider").slideToggle(0);

        $(".icon-minus-sign").attr('class', 'icon-plus-sign');
        return false;
    });     
    //Responsive Menu
    $('.nav').mobileMenu();

    $('select.select-menu').each(function(){
        var title = $(this).attr('title');
        if( $('option:selected', this).val() != ''  ) title = $('option:selected',this).text();
        $(this)
            .css({'z-index':10,'-khtml-appearance':'none'})
            .after('<span class="select"></span>')
    });
});

jQuery（document）.ready（函数（$）{
//Javascript检测
$（'body'）.removeClass（'no-js'）；
//阅读更多链接
函数readmorelink（）{
$（'a.more-link'）。最近（'p'）。css（'text-align'，'center'）；
}
readmorelink（）；
//柔性滑块
函数flexslider（）{
$（'.flexslider'）.flexslider({
动画：“淡入淡出”，
幻灯片放映：错误，
});
$（“.flex-next”）.html（“”）；
$（“.flex prev”）.html（“”）；
}
flexslider（）；
//菲特维德
函数fitvids（）{
$（“.featured preview”）.fitVids（）；
}
fitvids（）；
//注释切换
$（“.comments包装器”）.hide（）；
$（“#注释标题”）.attr（'class'，'comments close'）；
$（“#注释标题”）.toggle（函数（）{
$（“.comments包装器”）.slideDown（）；
$（this.attr（'class'，'comments open'）；
$（'html，body'）。设置动画({
scrollTop:$（“#注释标题”）.offset（）.top
}, 0);
返回false；
}，函数（）{
$（“.comments包装器”）.slideUp（）；
$（this.attr（'class'，'comments close'）；
返回false；
})  
//无限卷轴
如果（（自定义变量无限滚动）='no'）{
}否则{
$（'.posts'）。无限滚动({
装载：{
msgText:“…装货柱…”，
finishedMsg:“-职位结束-
},
下一个选择器：'.post nav next a'，
导航选择器：'.post nav'，
itemSelector:'文章'，
contentSelector:“.posts”，
appendCallback:true
}，函数（）{
fitvids（）；
readmorelink（）；
flexslider（）；
});     
}
$（“.icon medium.icon search”）。单击（函数（）{
$（“.nksub选项卡图标”）.toggleClass（“新类”）；
});
$（“.icon medium.icon search”）。单击（函数（）{
$（“.nksub选项卡图标”）.delay（1000）.队列（函数（下一个）{
$（this.toggleClass（“newClass”）；
next（）；
});
});
//开关柜
$（“#橱柜切换，#橱柜切换移动”）。单击（函数（）{
$（“#橱柜滑块”）。滑块切换（0）；
$（“.icon加号”）.attr（'class'，'icon减号'）；
返回false；
}，函数（）{
$（“#橱柜滑块”）。滑块切换（0）；
$（“.icon减号”）.attr（'class'，'icon加号'）；
返回false；
});     
//响应菜单
$（'.nav'）.mobileMenu（）；
$（'select.select menu'）。每个（函数（）{
var title=$（this.attr（'title'）；
if（$（'option:selected'，this）.val（）！=''）title=$（'option:selected'，this）.text（）；
$（本）
.css（{'z-index'：10，'-khtml外观'：'none'}）
.在（“”）之后
});
});

在CSS中，您有：

body:not([class*=nksub_mobile]) .nks_cc_trigger_tabs.nksub_tab {
    top: 327px !important;
   }

这将使图标始终显示在距屏幕顶部327像素的位置。因此，当您单击搜索图标时，搜索字段显示在顶部，327px不足以使电子邮件新闻稿图标与搜索图标保持在同一级别

解决方法：在您的：

$( ".icon-medium.icon-search" ).click(function() {
  $(".nksub-tab-icon").toggleClass("newClass");
  });

在上面的函数中，向新闻稿选择器添加一些CSS类以调整位置。大约327px+顶部搜索框的高度

---

希望这有帮助

我使用

.newClass{背景色：黄色；页边空白顶部：40px；}

这也可以使用。。它解决了你的问题吗？如果是，请将此标记为答案：）