Окно изменения размера jquery - PullRequest
Новая
       9

Окно изменения размера jquery

0 голосов
/ 16 октября 2018

Если я использую функцию изменения размера, как мне вернуть весь код обратно?Я знаю, что могу написать обратный код для того же самого, но хочу знать, есть ли какой-либо ярлык, чтобы сделать это, поскольку это занимает много времени каждый раз, когда я пишу адаптивные коды носителей в jquery.см. ниже код, который я хочу выполнить при размере окна от 320 до 767 и вернуть его к исходному коду после изменения размера окна до ширины более 767. 

$(window).on('resize', function(){
      var win = $(this); //this = window
      if (win.width() <= 768) {
        $("#HEADER_BREADCRUMBS").hide();
    $('.standard_basket_line_total').next("div").append('<div id="new-block-2"></div>');

    $(document).ready(function() {
      $(".product_sizes_guide").hide();
      $("#divBasketListing").find("#divTotalText").parent().find(".standard_basket_image").remove();
      $("#divBasketListing").find("#divTotalText").parent().find(".standard_basket_text").remove();
      $("#divBasketListing").find("#divTotalText").parent().attr("id", "tsg-id-1");
    });
});

весь приведенный выше код предназначен для другого div идля разных страниц изменение класса будет таким же, как написание и обратный код для этого.Я хочу знать, есть ли что-нибудь, например: 

$(window).on('resize', function(){
      var win = $(this); //this = window
      if (win.width() <= 767) { $("#3").hide();
$("#4").find("span").addClass("glyphicon glyphicon-list"); }
else{
     $("#3").show();
$("#4").find("span").removeClass("glyphicon glyphicon-list");
    }
});

для кодирования, как показано ниже: 

<!--HTML Starts-->
<div id="3">Some text</div>
<div id="4"><span class="">Some more text</span></div>
<!--HTML ends-->

<!--Jquery Starts-->
$(window).on('resize', function(){
      var win = $(this); //this = window
      if (win.width() <= 767) { $("#3").hide();
$("#4").find("span").addClass("glyphicon glyphicon-list"); }
else{ 
revert();
    }
});
<!--Jquery Ends-->
...