Блог

Главная - Вопросы по программированию - Скрыть Javascript или CSS с помощью Javascript?

Скрыть Javascript или CSS с помощью Javascript?

#javascript #jquery #css #wordpress #plugins

#javascript #jquery #css #wordpress #Плагины

Вопрос:

Я полный новичок, когда дело доходит до JS. На самом деле я заплатил кое-кому за написание для меня JS, но мне нужно кое-что подправить, и мне не хочется нанимать другого человека всего для нескольких настроек, поэтому я обращаюсь к вам за помощью.

Первая проблема связана с плагином WordPress под названием Heads Up Bar. Итак, первое, что я делаю, это запускаю инструменты разработчика в Chrome и нахожу, где это вызывается. Я сталкиваюсь с этим:

 jQuery(document).ready(function($) {
var data = {
    action: 'ehu_show_bar',
    home: ehu_is_home_pg
};
jQuery.post(ajaxurl, data, function(response) {
    jQuery('body').prepend(response);
    if(ehu_animate === 'toggle'){
      jQuery('#ehu_bar').css('display', 'none');
      jQuery('#ehu_bar').slideToggle('fast');
    }

});

затем я пошел и посмотрел на созданный им JS, который выглядит примерно так:

 jQuery(document).ready(function() {
            jQuery('#header').hide();
            jQuery('#sidebar').hide();
            jQuery('.main_navi').hide();
            jQuery('.category_navi_outer').hide();
            jQuery('.home_banner').hide();
            jQuery('.breadcrumb').hide();

Итак, я создаю новую строку под названием

 jQuery('#ehu_bar').hide();

думал, это будет так просто. Очевидно, это не сработало. Чего я не понимаю? Этот плагин появляется на каждой странице сайта, но иногда он ограничен только главной страницей. Что мне теперь нужно делать?

Следующее, что мне нужно скрыть, это JS из Google ads. Это появляется в почти каждом сообщении в WordPress, но не на главной странице. Я знаю имя JS, то есть я знаю, как называется файл:

show_ads.js

и он расположен в product_detail.php файл. Что потребуется, чтобы скрыть это объявление Google с помощью JS?

Как я уже сказал, я немного новичок в этом, но я быстро учусь. Я был бы признателен за любую помощь. Спасибо!

Комментарии:

1. Где вы создали эту новую строку? В .ready(... блоке?

2. Кроме того, рассмотрите возможность открытия второго вопроса по проблеме Javascript в Google Ad.

3. Вы никогда на самом деле не указываете, что вы хотите сделать с верхней панелью… чего конкретно вы пытаетесь достичь?

Ответ №1:

Третий параметр jQuery.post(ajaxurl, data, ... — это метод, который вызывается по завершении AJAX-запроса. Выполнение AJAX-запроса займет несколько миллисекунд с момента загрузки страницы, поэтому порядок того, что на самом деле произойдет, таков:

 jQuery('#ehu_bar').hide(); // from jQuery(document).ready(..

Затем несколько миллисекунд спустя:

 jQuery('#ehu_bar').slideToggle('fast'); // from ajax callback
// This line effectively is like calling jQuery('#ehu_bar').show() but with an animation

Закомментируйте slideToggle строку, и все должно быть в порядке.