JQuery yalnızca belirli bir genişlikte çalışıyor

Question

Arama Çubuğu kaplaması yapıyorum, tamamlandı ve sağladığım Example I gibi çalışması gerekiyordu. Ancak JS, sadece WordPress'e girdiğimde veya Window'umun >588px olması durumunda iyi çalışıyor, daha sonra iyi çalışıyor.

Web sitesi Tarson Pools Arama simgesini tıklatır.

//Created by Ryan Tarson, Please do not copy be original 
jQuery(document).ready(function($) { 
    var wHeight = window.innerHeight; 
    console.log(wHeight); 
    //search bar middle alignment 
    $('#mk-fullscreen-searchform').css('top', wHeight/2); 
    //reform search bar 
    jQuery(window).resize(function() { 
    wHeight = window.innerHeight; 
    $('#mk-fullscreen-searchform').css('top', wHeight/2); 
    }); 
    // Search 
    $('#search-button').click(function() { 
    console.log("Open Search, Search Centered"); 
    $("div.mk-fullscreen-search-overlay").addClass("mk-fullscreen-search-overlay-show"); 
    }); 
    $("a.mk-fullscreen-close").click(function() { 
    console.log("Closed Search"); 
    $("div.mk-fullscreen-search-overlay").removeClass("mk-fullscreen-search-overlay-show"); 
    }); 
}); 

Answer 1

sorunu Arama simgesi olan oldu Sınıf atama oldu:

Aşağıda (çalışıyor) benim JQuery kodudur. class: col-mw-3 hattını kaldırdıktan sonra, tüm tarayıcılarda düzgün çalıştı. Ayrıca, hiçbir şeyin <a> Etiketini de kapsamadığından emin olun!