Jquery для изменения в зависимости от ширины браузера

Question

Jquery для изменения в зависимости от ширины браузера

0

Я хочу, чтобы тег Div был пустым, если ширина браузера> 760 пикселей и меньше 980 пикселей, но похоже, что я делаю что-то неправильно

    (function($){

  //detect the width on page load
  $(document).ready(function(){

    var current_width = $(window).width();
     //do something with the width value here!
    if(current_width < 980 && current_width > 760){
       $('#chwd').empty();
    }
  });

  //update the width value when the browser is resized (useful for devices which switch from portrait to landscape)
  $(window).resize(function(){
    var current_width = $(window).width();
   //do something with the width value here!

    if(current_width < 980 && current_width > 760  ){
         $('#chwd').empty();
    }
    else{
        $('#chwd').html(

<div id="ahead">
<div class="column">
Cash On Delivery
</div>
</div>

        );}
  });

})(jQuery);

Любая помощь будет оценена

Thanx

angadarora 06 дек. 2013, в 07:23

Источник

0

Вы правильно получаете ширину? И какой результат вы получите?
MysticMagicϡ 06 дек. 2013, в 05:45
0

Когда вы говорите «пусто», вы имеете в виду, что хотите удалить контент? или просто прячешь это?
Stephanus Yanaputra 06 дек. 2013, в 05:45
0

@Anamika Да, я получаю ширину правильно, но только если удалить оператор else, он не работает с оператором else
angadarora 06 дек. 2013, в 05:49
0

@StephanusYanaputra:- - пусто, так как содержимое этого идентификатора div становится пустым, или "", или пустым
angadarora 06 дек. 2013, в 05:50
0

Круто, не забудьте выбрать ответ @angadarora, чтобы тема помечалась правильно
Stephanus Yanaputra 06 дек. 2013, в 05:55

Показать ещё 3 комментария

Теги:

javascript

jquery

css

width

4 ответа

0

Попробуйте это в другом заявлении:

else
{
    var divString = '<div id="ahead"><div class="column">'+
                    'Cash On Delivery'+
                    '</div></div>';
    $('#chwd').html(divString);
}

Надеюсь это поможет.

MysticMagicϡ 06 дек. 2013, в 04:02

0

^ Вы опечатали "dicSting" LOL
Sterling Archer 06 дек. 2013, в 05:53
0

Ошибка :) исправлена тоже.
MysticMagicϡ 06 дек. 2013, в 05:54
0

Я видел, это было просто весело :)
Sterling Archer 06 дек. 2013, в 05:55
0

@RUJordan лол. :)
MysticMagicϡ 06 дек. 2013, в 05:55

Показать ещё 2 комментария

0

Измените это на другое:

else{
   $('#chwd').html('<div id="ahead"><div class="column">Cash On Delivery</div></div>');
}

Arvind Bhardwaj 06 дек. 2013, в 03:54

0

Использовать outerWidth width вместо width, она включает в себя прокладку и границу. Вам также нужно обернуть div в "", иначе html() будет считать его переменной.

Sterling Archer 06 дек. 2013, в 02:56

0

спасибо много работает :)
angadarora 06 дек. 2013, в 05:53

Ещё вопросы

Вы правильно получаете ширину? И какой результат вы получите?
Когда вы говорите «пусто», вы имеете в виду, что хотите удалить контент? или просто прячешь это?
@Anamika Да, я получаю ширину правильно, но только если удалить оператор else, он не работает с оператором else
@StephanusYanaputra:- - пусто, так как содержимое этого идентификатора div становится пустым, или "", или пустым
Круто, не забудьте выбрать ответ @angadarora, чтобы тема помечалась правильно

Stephanus Yanaputra · Accepted Answer · 2013-12-06T03-27-00.000Z

Ваш сценарий в порядке, проблема заключается в том, как вы создаете $('#chwd').html()

Javascript обрабатывает новую строку по-разному. В отличие от PHP или другого языка, который позволяет вам продолжать вводить новую строку так долго, она завершается цитатой/одиночной цитатой. В Javascript каждый раз, когда вы делаете новую строку, вам придется обернуть ее "+" и "+" (см. Мой код)

Это приемлемо

'Lorem' +
'Ipsum'

Это неприемлемо

'Lorem
 Ipsum'

Попробуй это:

 (function($){

  //detect the width on page load
  $(document).ready(function(){

    var current_width = $(window).width();
     //do something with the width value here!
    if(current_width < 980 && current_width > 760){
       $('#chwd').empty();
    }
  });

  //update the width value when the browser is resized (useful for devices which switch from portrait to landscape)
  $(window).resize(function(){
    var current_width = $(window).width();
   //do something with the width value here!

    if(current_width < 980 && current_width > 760  ){
         $('#chwd').empty();
    }
    else{
        $('#chwd').html('<div id="ahead">'+
'<div class="column">'+
'Cash On Delivery'+
'</div>'+
'</div>');
    }
  });

})(jQuery);

Спасибо, что работал довольно хорошо :)