Как управлять JQuery в зависимости от экрана СМИ?

Question

Как управлять JQuery в зависимости от экрана СМИ?

0

Я хочу использовать этот jquery только на шаблоне resposive и хочу отключить его на рабочем столе и ширине экрана ноутбука

$(document).ready(function() {
    $('a.searchkey').click(function(){
    $('.search').slideToggle('fast');
    $(this).toggleClass('active');
});
});
$(window).scroll(function() {
    if ($(this).scrollTop() > 10){
          $('.search').hide('fast'); 
    }
});
 $(document).ready(function() {
            $(window).scroll(function() {
                if ($("body").height() <= ($(window).height() + $(window).scrollTop())) {
                   $('.bottom_menu').hide();
                }else {
                    $(this).scrollTop() > 10
                    $('.bottom_menu').show('fast');
                }
            });
        });

Я хочу, чтобы этот код работал только в ширине Windows <1000, и я тоже пробовал этот код, но он не работал

$(window).resize(function() {
   if ($(this).width() < 1000) {
$(document).ready(function() {
    $('a.searchkey').click(function(){
    $('.search').slideToggle('fast');
    $(this).toggleClass('active');
});
});
$(window).scroll(function() {
    if ($(this).scrollTop() > 10){
          $('.search').hide('fast'); 
    }
});
 $(document).ready(function() {
            $(window).scroll(function() {
                if ($("body").height() <= ($(window).height() + $(window).scrollTop())) {
                   $('.bottom_menu').hide();
                }else {
                    $(this).scrollTop() > 10
                    $('.bottom_menu').show('fast');
                }
            });
        });
   }
});

Muhammad Hamza Nisar 12 сен. 2014, в 14:22

Источник

0

проверить это - stackoverflow.com/questions/6136193/… и stackoverflow.com/questions/7715124/…
Anonymous 12 сен. 2014, в 12:11
0

@MaryMelody это хорошо, что я знал об этом, но мой вопрос в том, как я могу поместить этот код в этот код $ (window) .resize (function () {if ($ (window) .width () <960) {как я могу прикрепить этот код с этим кодом, я пробовал много раз, но это не сработало ... я пробовал, как проверить еще раз мой вопрос, я обновляю его снова
Muhammad Hamza Nisar 12 сен. 2014, в 12:24
0

Попробуйте переключить $ (document) .ready с помощью $ (window) .resize.
Tim 12 сен. 2014, в 13:02
0

@Tim Я пробую это как jsfiddle.net/Lpu2sxrh, но это не работает, может быть, здесь какая-то ошибка, если вы проверите это и исправите для меня ... возможно, это будет работать
Muhammad Hamza Nisar 12 сен. 2014, в 13:14
0

У вас есть проблема с этой строкой: $(this).scrollTop() > 10 .
flowstoneknight 12 сен. 2014, в 13:20
0

@flowstoneknight Я могу удалить эту строку, то, что мне нужно сделать ...
Muhammad Hamza Nisar 12 сен. 2014, в 13:35
0

@Tim Тим, это не работа
Muhammad Hamza Nisar 12 сен. 2014, в 13:35

Показать ещё 5 комментариев

Теги:

jquery

html5

responsive-design

1 ответ

Ещё вопросы

проверить это - stackoverflow.com/questions/6136193/… и stackoverflow.com/questions/7715124/…
@MaryMelody это хорошо, что я знал об этом, но мой вопрос в том, как я могу поместить этот код в этот код $ (window) .resize (function () {if ($ (window) .width () <960) {как я могу прикрепить этот код с этим кодом, я пробовал много раз, но это не сработало ... я пробовал, как проверить еще раз мой вопрос, я обновляю его снова
Попробуйте переключить $ (document) .ready с помощью $ (window) .resize.
@Tim Я пробую это как jsfiddle.net/Lpu2sxrh, но это не работает, может быть, здесь какая-то ошибка, если вы проверите это и исправите для меня ... возможно, это будет работать
У вас есть проблема с этой строкой: $(this).scrollTop() > 10 .
@flowstoneknight Я могу удалить эту строку, то, что мне нужно сделать ...

flowstoneknight · Answer 1 · 2014-09-12T14-42-00.000Z

Один из способов - поместить оператор if внутри каждой функции, которую вы хотите ограничить. Поэтому, когда функция вызывается, она сначала проверяет, соответствует ли окно подходящему размеру. Что-то вроде этого:

function functionName() {
    if ($(window).width() < 1000) {
        //function code here
    }
}

Вот скрипка.